Updating the Menu « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Habitat

Updating the Menu

5 posts from 2 voices

Started 10 months ago by BillThorness
Latest reply from Mya
This topic is not resolved

Tags:

BillThorness
Member

I see I can set the font of my headers and sidebar titles with a quick selection, but how can I change the font in the menu? I'd like the font in my headers to match my menu.

http://coolseasongardening.com/

Also, can I place a background image across the entire top header/ menu? I'd like to place an image that looks like spinach growing across the top of my site with my logo and my menu text living above it.

Thanks

Posted 10 months ago #
BillThorness
Member

Help!?!?!

Posted 10 months ago #

Mya

Hi,

Open your header.php and find this line:

#set the fonts and colors defined at the backend
$applyCustomFontTo = '#top h1, #top  h2, #top h3, #top  h4, #top  h5, #top  h6, #top  legend, #top .sliderheading, .big_button strong, .dynamicFont';

Replace the above with this:

#set the fonts and colors defined at the backend
$applyCustomFontTo = '#top h1, #top  h2, #top h3, #top  h4, #top  h5, #top  h6, #top  legend, #top .sliderheading, #top .nav, .big_button strong, .dynamicFont';

Regards,
Mya

Posted 10 months ago #

BillThorness
Member

Thank you Mia!

Any word on me being able to place an image across the entire top menu? I know I can add a PNG with a transparent background to my logo, but I'd ideally like to place a single image stretching across the top of my blog what the logo and menu text sat above.

Thanks

Posted 10 months ago #
Mya
Oh, sorry! I totally missed that question.

What you'll need to do is create your image then upload it to your images/skin2/ folder or your Media Library. Once you've done that open style2.css and find this code:
```
.boxed #wrapper_head {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
```
Add the code below to set the background image like this:
```
.boxed #wrapper_head {
    background: url("../images/skin2/customBGhead.png") repeat-y scroll center 0 transparent;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
```
Make sure when you do this you also remove .boxed #wrapper_head from the snippet below that starts on line 85.
```
.boxed #wrapper_head, .boxed #wrapper_main, .boxed #wrapper_footer_top, .boxed #wrapper_footer_bottom {
    background: none repeat scroll 0 0 #FFFFFF;
}
```
Let us know if you need help.

Regards,
Mya
Posted 10 months ago #