[Resolved] Once again "Rounded Corners"

Home Forums Support [Resolved] Once again "Rounded Corners"

Home Forums Support Once again "Rounded Corners"

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #224161
    Birgit

    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

    #224166
    David

    If you add your styling to .site-info, .main-navigation, and .site-header that should work ๐Ÿ™‚

    #224167
    Birgit

    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

    #224171
    David

    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;
    }
    #224180
    Birgit

    Oh yes, that works!!! Thank you so much, you are my hero! ๐Ÿ™‚

    Greetings from Germany!

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.