Jump to content
Rafick

ANSWERED cast and images of the circular team

Recommended Posts

Rafick

Hello, can anyone help?

I would like to leave the cast and team images circular, I tried this css but it was not successful, I am a layman, thank you in advance


   


 

 

.card.overflowPortraitCard.personCard {

  border: 2px solid  #3333cc;

  border-radius: 50%;

  overflow: hidden;

  z-index:5;

  background-position: center;

  background-color: transparent;

  width: 100px;

  height: 100px;

}

Edited by Rafick

Share this post


Link to post
Share on other sites
Happy2Play

Hello, can anyone help?

I would like to leave the cast and team images circular, I tried this css but it was not successful, I am a layman, thank you in advance

 

   

 IMG: https://uploaddeimagens.com.br/imagens/cats-jpg-04665682-f6ed-493d-813d-f831c8d783d3

 

 

.card.overflowPortraitCard.personCard {

  border: 2px solid  #3333cc;

  border-radius: 50%;

  overflow: hidden;

  z-index:5;

  background-position: center;

  background-color: transparent;

  width: 100px;

  height: 100px;

}

 

Something like this

div.personCard {width: auto; }
 
.personCard .cardScalable {
    border: 2px solid #3333cc;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
#castContent div.cardText {display: none; }
Edited by Happy2Play
  • Like 1

Share this post


Link to post
Share on other sites
Rafick

 

Something like this

div.personCard {width: auto; }
 
.personCard .cardScalable {
    border: 2px solid #3333cc;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}
#castContent div.cardText {display: none; }

yes , funciona perfeito obrigado 

  • Like 1

Share this post


Link to post
Share on other sites
Rafick

This code broke in version 4.4.0.4 ,aguem can help

 

 

Tried

div.cardOverlayContainer.itemAction {width: auto; }
.cardOverlayContainer.itemAction  {
    border: 2px solid #B22222;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}

Share this post


Link to post
Share on other sites
Happy2Play
Posted (edited)

 

This code broke in version 4.4.0.4 ,aguem can help

 

 

Tried

div.cardOverlayContainer.itemAction {width: auto; }
.cardOverlayContainer.itemAction  {
    border: 2px solid #B22222;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}

That is just the card overlay (hover)

 

Something like this

div.peopleSection .portraitCard {width: auto;}
div.peopleSection .cardBox {
    border: 2px solid #3333cc;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
}


or this

div.peopleSection .portraitCard {width: auto;}

div.peopleSection .cardPadder-portrait {
    border: 2px solid #3333cc;
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    padding-bottom: 0;
}

div.peopleSection .cardText {display: none;}
Edited by Happy2Play

Share this post


Link to post
Share on other sites
Rafick

 that is perfect, Thank you

Share this post


Link to post
Share on other sites
Moisés Oliveira
Posted (edited)

Ficou muito Bommm  :D

Versão 4.4.0.40

 

5e838b073ded9_tela2.png

 

 

div . peopleSection . portraitCard { width : auto ;}


div . peopleSection . cardPadder - retrato {
    borda : 2px sólido # 3333cc;     beira - raio : 50 %;     estouro : oculto ;     largura : 100px ;     altura : 100px ;     estofamento - parte inferior : 0 ; }




 

div . peopleSection . cardText { display : none ;}

 

5e8387b6e6c0c_tela.png

Edited by moisesalvesco

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...