Rounded Corners

  • Resolved mgray1122

    (@mgray1122)


    11 years, 5 months ago

    For some reason, the page titles that are listed across the top of my site have rounded edges on the top left and right corners, but not on the bottom left and right corners. I would like all for corners to be square. I’ve done a lot of experimenting in the CSS with the #page, #access, and #main tags, but I can’t seem to get those rounded edges to go away. Any suggestions? The site URL is: http://www.eatingwithgrace.com

    Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    11 years, 5 months ago

    Try using a browser inspector tool to quickly view CSS that is applied to elements.

    As you can see, through the inspector tool of your choice, you have this style,

    #access, #search-area {
border-radius: 4px 4px 0 0;
}

    Showing on line 411 of style.css.

    If you’ve not built the theme from scratch and want to modify the theme’s files (i.e stylesheet), you should be using a Child Theme stylesheet or a Custom CSS plugin. This way your modifications will save once you update the theme.

    To override and remove those rounded borders, try;

    #access, #search-area {
 border-radius: 0;
}

    In future, if your query is specifically situated around css, try inquiring in CSS-specific forums.

    Thread Starter mgray1122

    (@mgray1122)

    11 years, 5 months ago

    Thank you so much- that worked perfectly! I knew the answer was right in front of me!

    Sorry about that; I’m new to the forum!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Rounded Corners’ is closed to new replies.