Archived topic
title background in colors with full width
8 replies · Started by José Ojeda on August 24, 2022
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.
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 :)
could you do it with CSS code?
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
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?
unfortunately I work with WPBakery (visual composer) I don't work with wordpress block editor.
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.
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.
Glad to hear.