Jump to content


Photo

cast and images of the circular team

circular cast and images of the

Best Answer Happy2Play , 21 March 2019 - 03:53 PM

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://uploaddeimag...3d-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; }
Go to the full post


  • Please log in to reply
6 replies to this topic

#1 Rafick OFFLINE  

Rafick

    Member

  • Members
  • 19 posts
  • Local time: 10:36 AM

Posted 21 March 2019 - 02:33 PM

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, 21 March 2019 - 02:39 PM.


#2 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 03:36 AM
  • LocationWashington State

Posted 21 March 2019 - 03:53 PM   Best Answer

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://uploaddeimag...3d-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, 21 March 2019 - 03:53 PM.

  • Rafick likes this

#3 Rafick OFFLINE  

Rafick

    Member

  • Members
  • 19 posts
  • Local time: 10:36 AM

Posted 21 March 2019 - 04:48 PM

 
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 


  • moisesalvesco likes this

#4 Rafick OFFLINE  

Rafick

    Member

  • Members
  • 19 posts
  • Local time: 10:36 AM

Posted 27 March 2020 - 03:00 PM

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


#5 Happy2Play OFFLINE  

Happy2Play

    Trial and Error

  • Moderators
  • 19145 posts
  • Local time: 03:36 AM
  • LocationWashington State

Posted 27 March 2020 - 06:47 PM

 

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, 27 March 2020 - 06:48 PM.


#6 Rafick OFFLINE  

Rafick

    Member

  • Members
  • 19 posts
  • Local time: 10:36 AM

Posted 28 March 2020 - 12:39 AM

 that is perfect, Thank you



#7 moisesalvesco OFFLINE  

moisesalvesco

    Member

  • Members
  • 21 posts
  • Local time: 09:36 AM

Posted 31 March 2020 - 02:11 PM

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, 31 March 2020 - 02:26 PM.





0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users