css changes in Aspire demo

Hi there,

you can just add that code to your CSS:

https://docs.generatepress.com/article/adding-css/

Hi,

thank you - I know this, but here the problem is that I can/t change only the gradient (I don't want to change an image) and when I put code
.page-hero {
background-image: linear-gradient(0deg, rgba(9,9,9,0.66),rgba(9,9,9,0.66));
}

to custom CSS and try to change opacity - it doesn/t work, the featured image disappear.

So I decided to create my own header with elementor (no default header with featured image), so that I can put my own gradient on it. But there is another problem - when I tried to disable page header it didn't work. I clicked "Disable page hedaer" but it was still there, the same was with menu - I had to put code in custom css

.page-hero.inner-pages-header {
display: none;
}

and then header disappeared. But I would prefer to disable header separately on every site via generatepress options not with code.

Hi there,

you could use this CSS and just add your gradient, with no background color overlay set in the Hero.

.page-hero, .page-hero .inside-page-hero {
	position: relative;
}

.page-hero:before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	background-image: linear-gradient(0deg, rgba(9,9,9,0.66),rgba(9,9,9,0.66)); /* add your gradient */
}

Thank you, but there is still a problem with hiding header or menu via site settings - I/m not able to do this without code.

Are you trying to hide the menu on that page?

If so you can use the disable element metabox on that page.

Let is know if this helps :)

I've already tried to hide menu and header using the disable element options, but it doesn't work.

Hi there,

try using the Layout Element:

https://docs.generatepress.com/article/layout-element-overview/

Thank you, it seems to work now.

You're welcome. Just a note if your are making changes to Archive pages then Meta Boxes such as the Disable Elements won't work in the Page editor. WordPress doesn't allow it.

Hi,

I'm coming back with the same question - I tried to disable primary navigation, and it worked, but I am still not able to disable title, header, featured img. I can do so only using code, and I don't want to do this this way

Are you referring to this page? http://lzejszejutro.ewap.stronazen.pl/o-mnie/

If so the image and "Kim jestem" are all added in Elementor.

Yes, they are, but all above sectons are not visible only because I added this code

.page-hero.inner-pages-header {
display: none;
}

in custom CSS

And I prefer not to use code, but disable it using Generate options.

So you want to remove the Header Element on that page?

Yes :)