Topic Resolution: Resolved
  • 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