Frontpage Questions

[Judy Asman]

Hi there,

Can you please advise me on the following:

1) How do I change the font color of the primary navigation when it is active and on hover?

2) I’m using a widgetkit slider in place of the photo where the boy is. I notice there is padding between my slider and the primary navigation with a black background. In your demo, there is no padding. How do I remove this or at least change the color so that it is not black?

If I need to make changes to the stylesheet, please let me know specifically where.

Thank you!

[Anonymous]

Dear Judy,

You can change the hover color from going into Appearance -> Customizer then go to Colours => Menu hover background.

The black background might be coming from this part of CSS from style.css. Change this background color to some other color which matches your background.

#page-banner {
	background-color: #000; 
	/*border-bottom: 9px solid #000;*/
}

[Judy Asman]

Hi, Roshan — thank you! It worked 🙂

[Judy Asman]

Hi, Roshan,
I just realized that the answer to my first question was for the hover background and not the font color. There doesn’t appear to be an option in the Customize section for active font colors in the menu. Can you please let me know where to go to change this. I need for the active color to be blue in the menu:

http://www.elliemayselectrolysis.com. Thanks!

[Shekhar Bhandari]

Hi Judy,
Currently we don’t have customizer setting for changing the active font colors in the menu.
But you can do it by going to style.css file line no.2353 and change

.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	background-color: #080d07;
	color: #080d07!important;
}

Remove the color code with the code you wanted.

Thanks.

[Sandy Sailer]

I think I’m having the same issue, only with a huge amount of white space between the home page slider and the navigation bar.

http://www.alanmichaelhealing.com/

It looks awful in Chrome and Firefox, but okay in Safari, and I need it to look good in all of them. How can I eliminate this white space on the home page so the slider comes directly below the nav bar? Home page only. Thank you.

[Anonymous]

Sandy,

It looks like you’re using shortcode in page template and page template has padding on top due to which there is white gap. To remove the white space in your home page try this CSS :

.home #content {
    padding: 0rem 0.3rem !important;
}

[Sandy Sailer]

That didn’t change anything. Still looks great in Safari, but huge white space in Chrome and Firefox.

[Shekhar Bhandari]

Hi Sandy,
You should clear your cache or try different browser. It looks fine on our Chrome and Firefox browser.

Thanks

[Sandy Sailer]

I found out what the problem was. When I’m logged into the admin area, it leaves white space at the top, because there is a link to Googly Analytics buried in there. How frustrating! Once I logged out, it looks as it should have looked. I HATE IT when WordPress does stuff like that! GGGGRRRR!!!

[Anonymous]

Oops that frustrating. You should better use Google analytics code in footer.

[Sandy Sailer]

Yes – but I didn’t have a choice – it didn’t ask me!!!

[Author]

Posts