• Closed
• Johnny Good

  Spectator

  April 24, 2015 at 5:33 pm #16818

  

  Hi,

  I’m trying to make content boxes round and in CSS
  I have this:
  .XXXX {
margin:0 0 25px;
overflow:hidden;
padding:20px;
background-color:#6BD5F1;
border:1px solid #afcde3;
-webkit-border-radius: 20px;
border-radius: 20px;
}

  But how do I specify all boxes? what do I put under X?

  Thanks

Roman
Spectator
Posts: 3147
April 27, 2015 at 8:04 pm #17008

this must be in Custom CSS:
.widget-content {
margin:0 0 25px;
overflow:hidden;
padding:0 15px 20px 15px;
border:1px solid #afcde3;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.widget-title {
padding-top:20px;
}
.widget-title-background {
-webkit-border-radius: 20px 20px 0 0;
border-radius: 20px 20px 0 0;
margin-top:11px;
}
Johnny Good
Spectator
Posts: 90
April 27, 2015 at 8:24 pm #17009

Roman, you are The CSS master!
Now it works across all browsers including mobile!
Roman
Spectator
Posts: 3147
April 27, 2015 at 8:40 pm #17010

marking resolved 🙂

The topic Making content boxes rounded is closed to new replies