Where exactly do you want the rounded corners, can you be more specific.
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!
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.
Aaaaaaaaaawesome!!! Thank you so much!
Awesome, please mark as resolved.
Thanks
