[Support request] css changes in Aspire demo

[Ewa]

Hi,

I would like to change the gradient used on this hero image(and on every other site too): the http://lzejszejutro.ewap.stronazen.pl/o-mnie/

.page-hero {
background-image: linear-gradient(0deg, rgba(9,9,9,0.66),rgba(9,9,9,0.66)), url(http://lzejszejutro.ewap.stronazen.pl/wp-content/uploads/2018/09/monika-slowi-psychodietetyk.jpg);
}

Where may I overwrite it?

Greetings,
Ewa

GeneratePress 2.1.4

[David]

Hi there,

you can just add that code to your CSS:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

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.

[David]

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 */
}

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

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.

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

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

[David]

Hi there,

try using the Layout Element:

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

Thank you, it seems to work now.

[David]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

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

[Leo]

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.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

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.

[David]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Ewa]

Yes 🙂

[Author]

Posts