[pchambers]

Hi, I’m trying to make the corners of this website round: http://www.jointsecretariat.ca/ISR-CBMP/

The top wrapper doesn’t seem to take on rounded corners. Here’s the code I’m using:
#hgroup-wrap {
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

I was successful in getting the bottom corners rounded, but I don’t know how to make the background color not show up (appear transparent). Here’s the code I’m using there.
#site-generator {
background-image: url(“http://www.jointsecretariat.ca/ISR-CBMP/wp-content/uploads/2013/07/ISR-CBMP-Pamphlet-Map-v12-e1384980897708.png”);
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}

Can you help out? Thanks.

[Sakin]

@pchambers: You can add the following CSS in “Appearance => Theme Options => Custom CSS” box.

.site {
    background-color: transparent;
    box-shadow: none;
}

[pchambers]

Thank you! It makes sense that the background needs to be transparent; too bad the box shadow has got to go as well, but I guess we can live with it in order to have rounded corners:) Thanks again.

[Author]

Posts