Menu bar smaller

This topic has 1 reply, 2 voices, and was last updated 11 years, 7 months ago by Sakin.

Viewing 2 posts - 1 through 2 (of 2 total)

Author

Posts
March 30, 2013 at 1:38 am #6162

SpArkLeS
Member

Hey there,

I have a few questions regarding the theme, I took a screenshot and put numbers on it to clarify it.

Website: http://www.zoetebekje.com

Screenshot: http://i1050.photobucket.com/albums/s401/LollieLaurie/Schermafbeelding2013-03-29om204410.jpg

1. The menubar: is it possible to make it smaller? The height I mean. Also the page that you currently are on is highlighted, how to disable that?

2.Where can I change the background color of the search bar?

3. There’s a white border around the images, how do I disable that?

4. The space between the menubar and logo is to wide, can it be less?

I hope I wrote in understable English. Hehe

Thanks

March 31, 2013 at 9:13 am #6203

Sakin
Keymaster

@SpArkLeS: You can decrease the height of menubar with css. Just add the following CSS in your “Custom CSS” box in Theme Options panel, just increase the size of line height as per you need. Also change the color code as per you need

/* For Menu Height */ #access ul li a { line-height: 35px; } /* For Removing Menu Highlight */ #access ul li a:hover, #access ul li.current-menu-item a, #access ul li:hover > a { background-color: transparent; box-shadow: none; #444444 !important; } /* For background Color for search box in header */ #branding .searchform .search-box, #sidebar-top .widget_search .search-box input#s { background-color: #000000; } /* For Disabling white border around the images */ .post .post-thumb a { background-color: transparent; border: none; } /* To Decrease The space between the menubar and logo */ #branding .logo-wrap, #sidebar-top .widget.widget_search { margin-bottom: 0; }

Note: thanks for your screenshot that made me understand your support question really well.
Author

Posts