[Resolved] title background in colors with full width

[José Ojeda]

Hello, I need the background of the title of each page to be in color. And make it full width.

I attach an example
https://drive.google.com/drive/folders/1jlo8eYWTIJps4tb0WlQ8jFgRUQihEZtq?usp=sharing

Thank you.

[Leo]

Hi there,

The best solution would be to create a block element page hero:
https://docs.generatepress.com/article/block-element-page-hero/

Let me know if this helps 🙂

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

[José Ojeda]

could you do it with CSS code?

[José Ojeda]

I have this CSS code that works for me
but I don’t know how to give the full width

.entry-title {
margin-bottom: 0;
background: linear-gradient(to right, #5abde7 0%, #7372b3 100%);
padding-left: 20px;
}

attached image of how it looks
https://drive.google.com/drive/folders/1jlo8eYWTIJps4tb0WlQ8jFgRUQihEZtq?usp=sharing

[Leo]

It’s not possible with CSS code unfortunately.

The block element page hero I introduced above is meant for a request like this.

Can you give it a shot?

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

[José Ojeda]

unfortunately I work with WPBakery (visual composer) I don’t work with wordpress block editor.

[Leo]

In that case the title should be coming from WPBakery as well.

I can check if you can link me to the page in question.

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

[José Ojeda]

I already solved it using code:

.page-hero {
background: linear-gradient(to right, #5abde7 0%, #7372b3 100%);
font-size: 28px;
padding: 30px;
color: #ffffff;
}

and creating the HERO page with {{post_title}}
Thank you.

[Leo]

Glad to hear.

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

[Author]

Posts