pivot theme background image not updating

Hi there,

are you NOT using the Block Editor on the site ? As editing the Home Header block element you should see the block editor

Hi David

The GenerateBlocks plugin is active, but I realized because I had "Classic Editor" plugin active, I wasn't getting the typical user interface. I deactivated "Classic Editor" and used the block editor user interface and updated the image from there. It worked.

I use Classic Editor because it allows me to use SiteOrgin Page Builder which is easier for me to use then block editors, sections, beaver builder, elementor etc.

Thx

Glad to be of help!

I was able to figure out this issue on my previous website build, but now I can't figure out how to get this to work. I want to change the background image on the home page, change the background image to something different on each other page and now somehow the navigation color background is showing when it was transparent before allowing the background image to be viewed all the way to the top. How do I get it back to no header/navigation background color also?

I believe the block element page hero is what you are looking for:
https://www.screencast.com/t/lByJGYyW

Let me know if this helps :)

Hi Leo - ok I figured out how to change the background image, but that wasn't the only thing I was asking. The header / navigation area is still displaying a background color (dark gray). I don't want that there. I want the image to extend all the way to the top of the screen......meaning I want the header / navigation area background color to be transparent.

I don't know what is causing the header / navigation area background color to be there, since the Pivot theme does not show that element.

Please help.
Thank you

Hi Cynthia,

Can you check the Header element if it is set to "Merge" on the Site Header tab settings? It seems to have been removed as per Pivot's default setting. (Pivot's Header element is set to Merge. This removes the background color of Header so it looks better when on overlay)

I do not know how to check where the header is set to "merge" or where the Site Header tab is located. Please advise.

I have included a screenshot of the elements that came with the theme when I imported it.

Thank you for the screenshot.

It's the one named "Merge Header". You can click on it. It'll lead you to its edit page.

On it's edit page, you'll find a "Site Header" tab.

When you click it, you should see this - https://docs.generatepress.com/article/header-element-overview/#site-header

On the "Merge with content", make sure the dropdown is set to "Merge". :)

It is set to Merge already.

So I'm not sure why it's not working.

Ah I see why. I missed it before. My bad.

There are 2 Header Elements on your site.

You should edit the Header element named "Video JS" and make sure that's set to merge as well. :)

OK that worked - thank you.

However, now my sticky menu doesn't have any background color....I can't find the sticky menu option in customize panel >> colors

I wanted to try a black background at 60% opacity for sticky and also header background color, so that the hero image still shows through.

It shares the same color setting with the primary navigation.

It's on Appearance > Customize > Colors > Primary Navigation.

It's this one - https://share.getcloudapp.com/nOuvvmGl

That would not work. I needed to keep the background color for the navigation transparent. I only wanted the regular header black with 0.4 opacity and the sticky navigation black with 0.9 opacity.

I found the corresponding classes and was able to edited them like this to achieve what I wanted......

.header-wrap .site-header{
background:rgba(0, 0, 0, 0.4)
}
.sticky-enabled .main-navigation.is_stuck{
background:rgba(0, 0, 0, 0.9)
}

Thank you for all your help and fast replies. :)