Archived topic
Once again "Rounded Corners"
4 replies · Started by Birgit on September 6, 2016
Hello all,
now I was able to get the container and the widgets "round", but not the header, the menu und the footer. Can anybody help me getting them round, too?
For content and widgets I used this code:
/* Content rounded corners */
.inside-article {
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
border-radius: 30px;
}
/* Widget rounded corners */
.widget {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
But what have I to use for the rest?
The website's address is: http://www.bluemonty.de
Thanks for any help!
Best wishes
Birgit
If you add your styling to .site-info, .main-navigation, and .site-header that should work :)
Wow, thank you David, that is so great!
Now I have nothing but one problem: I would like the menue having no rounded corners on the top (left and right) so that it seems the menue belongs to the header. Is this possible?
Please excuse my poor english, I'm from Germany and over 60 years old, the school-english is far away...
Best wihes
Birgit
This should work:
.site-header{
-moz-border-radius: 10px 10px 0px 0px;
-webkit-border-radius: 10px 10px 0px 0px;
border-radius: 10px 10px 0px 0px;
}
.main-navigation{
-moz-border-radius: 0px 0px 10px 10px;
-webkit-border-radius: 0px 0px 10px 10px;
border-radius: 0px 0px 10px 10px;
}Oh yes, that works!!! Thank you so much, you are my hero! :-)
Greetings from Germany!
