Archived topic
Make a background band behind Post Title
8 replies · Started by Ken on September 4, 2021
Hi, First, it's okay if you can not do this.
I'd lie to have a similar gray band with the Post Title centered both horizontal and vertical. This gray band is right under the navigation window.
Please see the attached screenshot of my coaches site. She using the Kadence theme.
I've also included the URL to the screenshot page.
Hi there,
Make sure you have the GenerateBlocks Plugin installed.
Then Appearance > Elements > New >> Block Element
https://docs.generatepress.com/article/block-element-overview/
In the sidebar options select the Element Type: Page Hero
Add a Container Block to the page, which you can set its Background Color and the Containers Padding.
Inside the Container Block add a GB Headline Block, and in the Dynamic Data options set the Dynamic Text Type to Title
https://docs.generatepress.com/article/dynamic-data/#dynamic-text-type
Then set the Display Rules to Posts > All Posts.
links deleted. problem solved
1. Page border color - Go to Customizer > Colors > Body and set the Background to white.
2. Content Width for Single Post. Go to Appearance > Elements and add New > Layout Element:
https://docs.generatepress.com/article/layout-element-overview/
On the Content tab, set the Width to smaller value.
And set the Display Rules Location to: Posts > All Posts.
David, thank you so much. I'm blown away with the power of Elements and GenBLocks, had no idea until now.
After making the changes, I now discovered I need to create a Hero Footer because now the footer has white borders rather than being a gray band across the bottom of the webpage. I can do this.
If you don't mind, I'd like to leave this ticket open as I try to create a hero for the footer in case I have problems.
In the meantime, one question: will adding a lot of Elements slow down a site?
As always thank you for your help.
Ahh, sorry, I can't figure out how to make my gray footer box into a gray band like my coaches site.
Really sorry about this, I just can't figure this kind of stuff out. Could be age related.
Please see the link to my coaches site, her footer is a gray band, below the comments;
LILA RAYS DISCLOSURE PAGES
COPYRIGHT 2021 Lila Rays
Compared to mine, link below:
There's no gray band, it's a gray box
again, super sorry I can't figure this out.
I now also realized I need to get the header where my navigation is to stretch out to full width for the entire website and not be contained like the content for posts. Can I do this "two birds with one stone"?
Woo! Hoo! It's been a morning. I figured it out. Can't remember the details but everything is where I want it to be:
full gray post title band ✅
full gray footer bar ✅
Full navigation header ✅
all white around text content ✅
text content narrowed ✅
All is good. Thank you David for the info, not only was it helpful but as always very educational.
Closing this ticket with a smile and a hurrah! ٩( ᐛ )و
And as always, it's custom here where I live to show thanks and appreciation with a bow.. m(_ _)m
Awesome - glad to hear you got that working!!
one question: will adding a lot of Elements slow down a site?
The answer there is No :)