ANSWERED cast and images of the circular team

[Rafick 3]

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;

}

Edited March 21, 2019 by Rafick

[Happy2Play 4013]

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 March 21, 2019 by Happy2Play

[Rafick 3]

 

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 

[Rafick 3]

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;
}

[Happy2Play 4013]

 

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 March 27 by Happy2Play

[Rafick 3]

 that is perfect, Thank you

[Moisés Oliveira 0]

Ficou muito Bommm 

Versão 4.4.0.40

 

 

 

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 ;}

 

Edited March 31 by moisesalvesco