[bobgarrett]

I like this new theme and experimenting for a site change.

Is there a quick way to change the menu and submenu text colors? I need to make them stand out against the background photo. I managed to get the main menu to change but not the submenu with
.navigation-classic.absolute-header .main-navigation a {color: red;}

also be good to change the submenu background color.

[bobgarrett]

Also, how to change the gradient background on the pages headers as I only have an image underlay on the home page header.

[Skandha]

@bobgarretthomenetworks-co-uk: Hello there,

Can you please post in your site URL so that I can look into the issue?

Kind Regards,
Skandha

[bobgarrett]

Can I sent it confidentially as the actual site is still live with another of your themes. I cloned it to another hosting account but have it in maintenance mode as it was being indexed and I feared this would cause a problem.

Having done some more on this I wonder whether this theme is ready for general use as there seem to be anomolies and no documentation?

[Skandha]

@bobgarretthomenetworks-co-uk: Hello there,

I have sent you an email where you provide me the site URL.
You can check out the FAQ for your queries. If you don’t find an answer to your issue you can always post it here in the support forum.

Kind Regards,
Skandha

[Skandha]

@bobgarretthomenetworks-co-uk: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

/* To change the color of menu and sub menu items */
#site-navigation a {
color: #123456;
}

/* To change background color of sub menu */
.navigation-classic .site-header .sub-menu {
background-color: #f23456;
}

You can change the color according to your choice.

Also can you please clarify which gradient background you are referring to?

Let me know if this works out!
Kind Regards,
Skandha

[bobgarrett]

Thanks, for the gradient issue check another page than the front page, but be sure the link takes you to this site still and not the live site.

[Skandha]

@bobgarretthomenetworks-co-uk: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body:not(.home) .custom-header {
background-image: linear-gradient(to bottom,#f23456,#123456);
}

You can change the color according to your choice.

Let me know if this works out!
Kind Regards,
Skandha

[bobgarrett]

Super. Thanks.

[bobgarrett]

You are being soooo helpful…

Is there a safe way to change the height of the panel immediately below the header (on the pages not home page) which contains the page title? I have tried various styles…

body:not(.home) .wrapper {height:150px;}
.has-header-media:not(.home) .custom-header-media .custom-header-content {height: 150px;}
body:not(.home) .custom-header {height: 300px;}

but these do not cope with the header position well for different screen widths.

[Skandha]

@bobgarretthomenetworks-co-uk: Hello there,

Go to => Appearance => Customize => Additional CSS and add the following CSS Code.

body:not(.home) .custom-header-content {
padding: 50px 50px;
}

You can change the padding to adjust the height.

Let me know if this works out!
Kind Regards,
Skandha

[bobgarrett]

That worked. Thanks.

[Skandha]

@bobgarretthomenetworks-co-uk: Glad it worked out. Have a great weekend! 🙂

Kind Regards,
Skandha

[Author]

Posts