How do I bring my header to the front using CSS?
-
I need help with CSS coding to bring my header to the front. It is currently hidden behind the colour #b3b3b3
The blog I need help with is: (visible only to logged in users)
-
Hey there, your current custom CSS is:
.site-header { background: #b3b3b3; }Try changing that to:
.site-header { background: #b3b3b3 url(http://designdayze.files.wordpress.com/2014/01/cropped-new-header1.jpg) no-repeat scroll top; } -
Sorry, formatting fail. Try changing your custom CSS to:
.site-header { background: #b3b3b3 url(http://designdayze.files.wordpress.com/2014/01/cropped-new-header1.jpg) no-repeat scroll top; } -
Thanks so much thats great!
Any chance you also know how I can change the colour of my navigation menu?
-
-
brilliant thank you! Can I bother you for one more question…
Can you change the colour of when you hover over the navigation menu catorgories?
Thank you much appreciated!
-
The hover background color should be this:
.nav-menu li:hover > a, .nav-menu li a:hover { background: #b3b3b3; // Use your own color here. } -
-
-
This has been such a help thank you.
I also want to change the colour on the navigation bar once you have clicked on the categories. It is currently black. Could you help me with the coding for this?
Thanks
-
That one should be:
.nav-menu .current-menu-item > a, .nav-menu .current-menu-ancestor > a { background-color: #303030; // Your color here } -
How can I change the colour of the actual text on the navigation menu? As its a really light grey and unreadable?
Thank you!
-
To change the base text color in the menu, add the following and edit the color code as desired.
.nav-menu li a { color: #CCCCCC; }To change the text color when hovered, add the following and edit the color code.
.nav-menu li:hover > a, .nav-menu li a:hover { color: #CCCCCC; }
- The topic ‘How do I bring my header to the front using CSS?’ is closed to new replies.