Rounding Corners in Header

  • I have a website that I designed in Adobe Muse that has rounded corners from the top of the header going up to the background.

    quickfoqus.com

    I want my wordpress blog quickfoqus.com/wordpress to have the same corner radius on the header.

    Can someone tell me how to do this.

    Also how do I put the words “consumer research” on the blog as seen on the home page?

    Do I just do a an absolute position in the header?

    Thanks for the help.

    -Kyle

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

  • You could get the rounded corners by using this in your custom css:

    body .site {
    border-radius: 30px 30px 0 0;
}

    Regarding “Consumer Research”… Unless your theme offers specific “hooks” to use.. I would setup a child theme, and add the ‘header.php’ template file there with my modifications.

    Add this to your css file.

    #page {
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

    [Please use the code buttons when posting code on these forums]

    just change the value of radius to whatever value you wanted.

    as for consumer research, you need to add a widget area on the header then just use that widget to add contents, alternatively you can use hooks to accomplish this task.

    ??

    I am helping my customer, they are a glass factory in china, ther website has this problem too, how can i fix it?

    @kpl_39 – your twentytwelve child theme is not set up correctly – the style.css file should contain ONLY changes – not a copy of the entire file – so you should get that corrected before doing anything else.

    You also need to use the @import line to bring over the parent styles.

    @amandazhou – please start your own thread – per

    https://codex.www.ads-software.com/Forum_Welcome#Where_To_Post

    Thread Starter kpl_39

    (@kpl_39)

    Thanks Josh and everyone else.

    That worked perfectly.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Rounding Corners in Header’ is closed to new replies.

Tags