Skip Navigation

[Resolved] Style header + menu in Toolset Starter theme with Layouts

This thread is resolved. Here is a description of the problem and solution.

Problem: I would like to change the main menu background color and remove the top header image from a site that uses the Toolset Starter Theme and Layouts.

Solution: In the Theme Customizer you can adjust the primary color, which is used as the main menu background. To remove the header image, you can edit the Header and Footer Layout, and/or override styles in the child theme.

To edit the Header and Footer Layout, click the pencil icon above the row "Logo and Primary Menu". Remove the class 'bg-header-image' to delete the header image.

To override the styles associated with the 'bg-header-image' class, make changes in the Toolset Starter Child theme's style.css file.

This support ticket is created 6 years, 7 months ago. There's a good chance that you are reading advice that it now obsolete.

This is the technical support forum for Toolset - a suite of plugins for developing WordPress sites without writing PHP.

Everyone can read this forum, but only Toolset clients can post in it. Toolset support works 6 days per week, 19 hours per day.

No supporters are available to work today on Toolset forum. Feel free to create tickets and we will handle it as soon as we are online. Thank you for your understanding.

Sun Mon Tue Wed Thu Fri Sat
8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 8:00 – 12:00 - -
13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 13:00 – 17:00 - -

Supporter timezone: America/New_York (GMT-04:00)

This topic contains 8 replies, has 2 voices.

Last updated by mirceaP 6 years, 7 months ago.

Assisted by: Christian Cox.

Author
Posts
#612465
Capture.PNG

I'm trying to :
1. Get rid of the header image
2. Style the menu background ( blue thing) and menu text appearance.

I'm totally new to wp toolset, please have patience.

the site is live at hidden link

Thank you.

#612539

Hi, you can modify both of these to some extent in wp-admin by going to Appearance > Customize. Click "Colors" to change the primary site color (this is the menu background color), and click "Header Image" to remove or change the top image.

#612549
headerimage.PNG

Thanks.

I can't manage to find the header image still. Have the picture attached. Maybe i'm missing something.

How can i edit that with css? in what files and how can i find the class? There are still more things, like the footer color that i would like to customize.

#612596
Screen Shot 2018-02-04 at 4.55.44 PM.png

Okay it looks like you have the Layouts plugin active. With Layouts active, the header image is not defined in Theme Options, so sorry for the confusion. Instead, it is applied to a Layout row using CSS. Edit the Layout "Header and Footer" and click the pencil icon above the row "Logo and Primary Menu" (as in the attachment). You will see that a couple of CSS classes have been applied to this row - header-nav and bg-header-image. The bg-header-image class holds the image background definition. The definitions for this and many other parent theme styles are maintained in the Toolset Starter theme file wp-content/themes/toolset-starter/css/theme.css. If you wish to override those definitions, do that in the child theme's CSS. The file wp-content/themes/toolset-starter-child/style.css is already enqueued, so you can add overrides there.

#612600
Capture3.PNG

Cool. I found the files. Edited the child theme one, saved, refresed the website. Nothing Happens

Thank you for your time and support, i know these are pretty basic questions.

#612603
Screen Shot 2018-02-04 at 5.35.36 PM.png

Looks like it was not updated correctly on the server. See the attachment; it's saved as

background-image: no;

Resave the modification and upload it again. I think it will work.

#612605

tried with
: no , : none , but still no success. even edited the parent theme , updated and still no success...weird

#612606
Screen Shot 2018-02-04 at 5.46.34 PM.png

It's working now. Please clear your browser cache.

#612608

Great! Thanks!

This ticket is now closed. If you're a Toolset client and need related help, please open a new support ticket.