Hello, you can make changes to the CSS by first Download Custom CSS Plugin:
https://wordpress.org/plugins/simple-custom-css/
After activating the plugin put following code inside Custom CSS box:
#access ul ul a {
background: #f9f9f9;
line-height: 1em;
width: 148px;
}
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}
Note: adjust background and line-height.
Thanks. This worked perfectly well for the colour issue in my sub menu.
Wow. I am learning so much browsing this forum.
It does not worked concerning the line height. I do not know the right term, but when I reduced it to 0.5em only the letters shrinked together. I would like to have the whole space of each sub menu field less high.
I tumbled over two more questions I could not solve on my own or via forum:
1) I’d like to get rid of the space above my header image? What code I will have to put in my style.css?
2) Is it possible to place a plugin in the menu bar? (like language switcher)
Ans.1 -> In Custom CSS write following code
#main { padding:0;}
This code should get rid of the space above header image.
Ans.2 -> You have to register sidebar in functions.php and then create sidebar widget area in your header area creating div
Tutorial LINK
Regards!!
Hi, thanks for your quick answer.
#main { padding:0;}
This code only reduces the space between headline and menu bar. (Maybe I will need it later.) I would like to reduce the space above the header image. Any idea?
Answer 2 I will try tonight. Thanks in advance.
#access ul ul a {
background: #f9f9f9;
line-height: 1em;
width: 148px;
}
Do you have any idea concerning question 0?
0) It does not worked concerning the line height. concerning the line height. I do not know the right term, but when I reduced it to 0.5em only the letters shrinked together. I would like to have the whole space of each sub menu field less high.
First Crop the header image height to 80 px then add following code inside Custom CSS section.
#branding img {
height: 80px;
}
#access ul ul a {
height: 5px;
}
The second code should work the whole space of each sub menu field less high.
Let me know if you have any difficulty.
Thanks & Regards.
Hi,
the second code worked perfectly fine. The line height of the submenu is reduced. Thanks.
#access ul ul a {
height: 5px;
}
The first code does not seem to have any effect on the space above the header image at all.
#branding img {
height: 80px;
}
Any idea? Thanks.
Hello,
How are you doing?
The space above the header image is too looking OK.
Can you mark this thread as resolved?
Hi Madhusudan,
thank you for asking. And yes I will mark the topic as resolved after I it is resolved 😉
What browser are you using? I already checked all the current browser and there is still space (dark grey) above the white header image. I don’t have any idea what to change.
Hello,
Try this, it will remove the dark grey color above the header image.
#page {
margin-top: 0;
}
Of course. It is so easy. I’ll never forget it anymore!
Thanks, Anna
I am glad that you solved it.
