The correct way to make borders curved on a page

  • Hello,
    I am trying to make conners curved on a page. I have made the changes in the css file for pacify using the following css

    #page, #footerwidgets, #headersection{
max-width:1050px;
border-radius:0px 0px 30px 30px;
margin:0.8em auto;
}

    [Moderator note: code fixed. Please wrap code in the backtick character or use the code button.]

    After adding this then there is no change to the corners so I assume that it may be incorrect or the incorrect place to add the code.

    Can anyone shed any light on where I may be going wrong and the best way to make corners curved on a page in the pacify theme?

    Many thanks

    anthonyod

    • This topic was modified 8 years, 2 months ago by bdbrown.
    • This topic was modified 8 years, 2 months ago by bdbrown.
Viewing 2 replies - 1 through 2 (of 2 total)

  • It is hard to tell from your post about the correct location. However you can try this:

    
#page, #footerwidgets, #headersection{
max-width:1050px;
border-radius:0px 0px 30px 30px;
-webkit-border-radius:0px 0px 30px 30px;
-mozilla-border-radius:0px 0px 30px 30px;
margin:0.8em auto;
}
    Thread Starter anthonyod

    (@anthonyod)

    Hello,

    many thanks for taking the time.

    I have put this in the same place in the style.css under the site content section.
    I reckon the code is correct of course and that its just the location it is pasted within the css and possibly something else in the setup which is not allowing it to show.

    Any further thoughts at all?

    anthonyod

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘The correct way to make borders curved on a page’ is closed to new replies.