• 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

Johnny Good
Spectator
Posts: 90
April 24, 2015 at 5:34 pm #16819

This reply has been marked as private.
Roman
Spectator
Posts: 3147
April 24, 2015 at 5:58 pm #16824

those are widgets, and the code should look like:
.widget-content {
margin:0 0 25px;
overflow:hidden;
padding:20px;
background-color:#6BD5F1;
border:1px solid #afcde3;
-webkit-border-radius: 20px;
border-radius: 20px;
}
Johnny Good
Spectator
Posts: 90
April 24, 2015 at 6:12 pm #16826

Perfect, that works! One more small tweak, what are called corners of the widget title? and do I just added it next to .widget-content .widget-title or do I need comma between?
Johnny Good
Spectator
Posts: 90
April 24, 2015 at 6:12 pm #16827

This reply has been marked as private.
Roman
Spectator
Posts: 3147
April 24, 2015 at 8:15 pm #16835

use this code then:
.widget-content {
margin:0 0 25px;
overflow:hidden;
padding:0 15px 20px 15px;
background-color:#6BD5F1;
border:1px solid #afcde3;
-webkit-border-radius: 20px;
border-radius: 20px;
}
.widget-title {
padding-top:20px;
}
Johnny Good
Spectator
Posts: 90
April 26, 2015 at 2:28 am #16871

Ok, thanks for that! That works on everything but the ones that have Java Code (I think) inside widgets. Any idea why it does not follow that CSS rule?
Johnny Good
Spectator
Posts: 90
April 26, 2015 at 2:29 am #16872

This reply has been marked as private.
Roman
Spectator
Posts: 3147
April 26, 2015 at 6:18 am #16874

Please provide live website
Johnny Good
Spectator
Posts: 90
April 26, 2015 at 6:33 am #16875

This reply has been marked as private.
Roman
Spectator
Posts: 3147
April 26, 2015 at 9:33 pm #16903

for me they are displayed fine

The topic Making content boxes rounded is closed to new replies