• I would like to add rounded corners to mystique theme to the navigation bar and to content area, but I don’t know what CSS file to edit and where exactly to write the code, if somebody would generate an ideal code and tell me where to paste it I would be thankful.

Viewing 12 replies - 1 through 12 (of 12 total)
  • try something like this and adjust to taste
    #my_CSS3_id {
    border: 5px solid #c4c8cc;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    }

    Thread Starter MajorMoyo

    (@majormoyo)

    where do I put this exactly?

    well in yr style css
    edit to taste

    Thread Starter MajorMoyo

    (@majormoyo)

    I did, nothing changes, i also tried firefox, same thing…do I have to rename it?

    well lol
    the words my_css3_id selector need to be changed to the element yr fixing

    as always in the forum
    a link to the site and b0rkage in question helps us help you

    Thread Starter MajorMoyo

    (@majormoyo)

    sorry, here you go http://www.mohammadyounes.com

    at the bottom of yr css do

    div#primary-content {

    border: 5px solid #c4c8cc;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;

    }

    Thread Starter MajorMoyo

    (@majormoyo)

    thanks, but the sidebar is shifting at the bottom πŸ™

    sorry for the long issue

    well adjust the numbers………….

    Thread Starter MajorMoyo

    (@majormoyo)

    didn’t work, i did that from the beginning

    With Mystique, you may find it easier to make your changes in the Mystique Settings > User CSS page. It’s there so you don’t have to edit the style sheet directly.

    This places a border with round corners around the post content area without disrupting the sidebar:

    #primary-content .blocks {
    border: 5px solid #c4c8cc;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;

    }

    You can test it and view the sad results. πŸ™‚

    Remember that this does not work in internet explorer. IE does not respect border-radius (yet). All you get is a square border. The images of course, you have to deal with as images.

    Thread Starter MajorMoyo

    (@majormoyo)

    thank you, this works, but i still cant remove the 90 degrees edges, how to do that? and what CSS code shall i use for the navigation bar?

Viewing 12 replies - 1 through 12 (of 12 total)

The topic ‘Rounded-Corners in Mystique theme’ is closed to new replies.