• Resolved Solidify

    (@solidify)


    Hi, I’m working on a site using the Parabola theme, and was wondering how to round the corners on my header and content containers. I’d like to do the same with my menu buttons if that’s possible.

    Any help would be very much appreciated.

Viewing 15 replies - 1 through 15 (of 26 total)
  • I would need a link to your website in order to choose the right selectors. But you would need to use the border-radius in your CSS:

    img {
     border-radius: 20px;
    -moz-border-radius: 20px;
    }

    Adjust the number to your liking

    Hope this helps!

    Thread Starter Solidify

    (@solidify)

    Hey thanks, that fixed the left side of the header, now I need to fix the right side.
    My site is

    No problem, It’s not showing your site link though.

    Thread Starter Solidify

    (@solidify)

    https://www.socialdebater.com

    Sorry, I added it to the last post, but i didn’t realize that it didn’t show.

    It’s okay,

    Alright, you can delete that last code snippet I gave you. Instead add this

    #branding {
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -o-border-radius: 20px;
    }

    That will take care of it for you ??

    Thread Starter Solidify

    (@solidify)

    Oh sweet, thank you very much Trey. That took care of my header, and I think I figured out how to put a drop shadow around it.

    How would I do the same thing for my content areas?

    Not a problem.

    article {
      border-radius: 20px;
    }

    This will do it for your content area in the middle. Or did you mean for the widget areas as well?

    Thread Starter Solidify

    (@solidify)

    Yes the widget areas too please. I can’t believe these fixes are that easy. I’ve been playing around with it for days lol.

    lol yeah just takes a little CSS knowledge

    .xoxo li {
      border-radius: 20px;
    }

    That should do it!

    Thread Starter Solidify

    (@solidify)

    Dude you are the man! Thanks again.

    Now I’m assuming that the -moz,-webkit,and -o- tags are so that the tweaks will show in different browsers, is that correct and should I use those for every style that I change?

    Yes those prefixes are for other browsers, but you don’t need to use them for every style. Border-radius isn’t supported yet by all major browsers, thats why I added those. Just for extra support. Should still show

    No problem!

    Thread Starter Solidify

    (@solidify)

    Gotcha. Any chance I can do the same thing to my menu buttons?

    Sure!

    #prime_nav a {
      border-radius: 20px;
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      -o-border-radius: 20px;
    }
    Thread Starter Solidify

    (@solidify)

    Awesome, but for some reason I can’t access my dashboard now. I tried to activate an RSS plugin and it caused an internal server error.

    Most likely the plugin is conflicting with the theme or another plugin. I would delete it through your FTP.

Viewing 15 replies - 1 through 15 (of 26 total)
  • The topic ‘How to Round Corners’ is closed to new replies.