Executive Theme with rounded corners

Community Forums Forums Design Tips and Tricks Executive Theme with rounded corners

This topic is: not a support question

This topic contains 3 replies, has 2 voices, and was last updated by  srush 2 years, 3 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
  • #53241


    My client wants to have some rounded corners on the header, around the slider and the footer in this theme. Could someone give me a few pointers where in the styles.css I would add this. I have very little experience working with rounded corners so a short piece of code would be cool as well.
    Thank you for any input.



    I figured this one out, rather simple really. All you have to do is locate what you want the rounded corners on and add this code or some derivative. It works in IE 10, Chrome 28 and FF.

    #header .menu {
    background-color: #f2f2f2;
    clear: both;
    color: #666;
    font-size: 14px;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;




    Looks like you got the corners taken care of – do you still need help?

    Andrea Whitmer, Owner/Developer, Nuts and Bolts Media
    I provide development and training services for designers • Find me on Twitter and Google+



    It’s all good, shortly you will probably see my second post where i posted the piece of code I used. Straight out of a tutorial somewhere. Finding every corner to round was tricky but I think it works for me.

    And you will see me answer to your inquiry sometime tomorrow?

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.