Adding Rounded Corners to Boxed Medium

  • Resolved Feznizzle

    (@feznizzle)


    9 years, 2 months ago

    Hi,

    I am a noob at CSS, but I can usually figure things out. But adding rounded corners to your wonderful theme has me stumped!

    FYI, I have installed the Child Theme Configurator and have already used it to change site width. Here is my site:
    https://friendsofstockton(DOT)org

    Here is what I’d like to insert:
    border-radius: 25px;

    But I cannot figure out what to apply it to:
    #what_goes_here {
    border-radius: 25px;
    }

    Alternatively, I might just like the top to be rounded:
    border-top-left-radius: 25
    border-top-right-radius: 25

    Can you point me in the right direction?

    Thanks!

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

  • Where exactly do you want the rounded corners, can you be more specific.

    Thread Starter Feznizzle

    (@feznizzle)

    Yay!! I didn’t think I would hear from anyone tonight.

    I’d like the top of the entire site to have rounded corners. So if you are looking at my site, you can see that I have put a simple brick tile as a background image. At the top of the page is a teal (blue/green) bar running across the top of the site. I would like the bar to have rounded corners and for the webkit shadow to drop over the brick background.

    Make sense?

    I think the bar is associated with: #cir-ann-social-wrapper

    But when I play with the CSS in chrome developer tools, it strikes through my:
    ? border-top-left-radius: 25
    ? border-top-right-radius: 25

    It gets weird if I apply:
    ? border-radius: 25px;

    It looks like I have to apply the border left/right to cir-ann-social-wrapper (somehow!) and then to some other element… maybe #cir-wrapper-boxed-medium?

    I dunno! Driving me nuts. I’m tempted to open css files directly on my server and play around, but I want to try to use the Template Child mod so I don’t lose changes if the Template gets upgraded.

    Any help would be deeply appreciated!

    Thanks!

    Thread Starter Feznizzle

    (@feznizzle)

    Also… how can I make it so that the banner only appears on the main page? Or changes from page to page?

    Should I open a separate support topic for this?

    I’m sorry, I’m a total WP noob. I’m doing this site as a favor for a non-profit group. And learning on the fly! ??

    For the top border radius try this

    #cir-ann-social-wrapper, #cir-wrapper-boxed-medium {
    border-radius: 25px 25px 0px 0px;
}

    Not sure about the banner on different pages.

    Thread Starter Feznizzle

    (@feznizzle)

    Aaaaaaaaaawesome!!! Thank you so much!

    Awesome, please mark as resolved.

    Thanks

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