Best practices for changing nav + footer color

Hello,

For the navigation colors, there is a specific section in the Customizer.

The left column is the initial color, middle column: hover color, right column: current color.

For the homepage button you would need to edit the homepage and edit the button from there, this is a GenerateBlocks button so you edit that in the block editor.

Hi Scott,

Please check George’s screenshot again; he was highlighting the primary navigation tab at customizer > colors. I did not see you changing the colors for primary navigation in your video. Can you give that a try?

And for the button color in customizer, it’s for the default buttons like the submit button for comments, etc. The button in your hero section is a custom button added via a button block, you just need to edit the page and change the color for the button at the block level.

As for the footer, it’s a custom footer, the customizer option will not work. You can find the site footer element at appearance > elements, and you can change the colors at block level.

No Problem 🙂

Don’t hesitate to ask questions if you run into any issues!

Hi there,

In the new Page Title new Element, try adding the All Archives location under the Display Rules.

As for changing the WooCommerce product button colors, you can do that under Customize > WooCommerce > Colors > Buttons.

How do you recommend I add a button to the “top bar”

The way I would build this is to wrap the existing Headline block in a container, then add a Button block inside that same container as well.

On the wrapper container, set the background color, then change the display to Flex. Set Align Items and Justify Content to Center, and add some column gap to create spacing between the headline and button.

You may also want to add some padding to the wrapper container so there’s comfortable space around the content.

Also, how do you recommend to add bread crumbs to the WooCommerce Category and Product pages?

For this, I would typically recommend using the breadcrumb feature provided by an SEO plugin, as GeneratePress doesn’t include native breadcrumb functionality.

Hello,

Ok, for the button. Wrap the headline to a GB flex container with center alignment as you have it now. Then add the button below the headline. The flex container will keep the headline and the button horizontally. You can the use column gap on the flex container to control the spacing between the headline and the button.

Hi there,

Would you like to provide site credentials so I could have a look and maybe set it up for you? Please use the private section of your reply to post them. You can also install the Temporary Login Without Password plugin and send us a login link without using a password. Again, please, use the private area of your reply to send those details.

Here, you go, have a look now. You had made the actual headline as flex. I removed that and also the paddings values and background color. I’ve added those in the outer container. I have set the inner container as flex. This will now control the headline and the button alignment.