Archived topic
Mellow Blog, unable to change background / title
13 replies · Started by Krystian on November 2, 2019
Hello,
I've set homepage to static and pointed "Articles" page as Posts Page.
After doing that, title on this page changed to "Blog", which I cant change in any way. Also I'm unable to set background image via "Articles" page - the only way to to do it is to set custom or fallback image in Site Hero. Can't do it directly.
I've tried to make Blog Hero element that would be used in blog section, but either that's not a solution or I did something wrong (page looked broken even thought I've copied all the settings from Site Hero)
Pic: https://drive.google.com/open?id=1QA6JwLHJM671YGc_pf8fGGk19rqr7d0H
Hi there,
the Blog page is generated by a Function, so it doesn't actually have a Post Title like other posts. Also WordPress completely ignores any Meta Box values like the Featured Image on the Blog page.
You will need to create a separate Headed Element just for the Blog and add your own title to the content and choose a custom background image.
Thanks for pointing correct route! :)
To be honest I've tried that before writing, but did not change % and px in padding, that's why the site looked wonky :)
Few more minor issues:
How do I change font color of "Mellow" at the top and color of page title displayed on the header?
Pic: https://drive.google.com/open?id=17aH88Jxq49YUdM2L1PrNG3XPJ337aCGd
I can change both colors only for Blog page via "Customize" (header>site title and content>h1) but they aren't changing on any other site where page title is also displayed on top of header image. The only other thing that responds is H1 on Homepage (there is no {{post_title}} in elements and title (H1) is moved into the content box bellow).
Second question, If two differently configured Header Elements are set to be displayed on same page, which one is chosen? E.g. Site Hero is displayed on whole site, but it's overwritten by Home Hero displayed only on homepage. I guess Home Hero may have more priority, as it's homepage. But what about two custom made Header Elements, which one will be on top?
1. Site Title color
For the text: Customizer > Colors > Header - Site title.
For the background this is set using Customizer > Additional CSS - this is the code that would need editing:
.site-branding {
background: rgba(0,0,0,0.8);
display: inline-block;
padding: 10px 30px;
border-radius: 3px;
transition: background 500ms ease;
}
.site-branding:hover {
background: rgba(0,0,0,0.5);
}
2. The Header Element has its own color controls for the Text and links etc.
3. Multiple Header Elements with same display rules: Whichever one was created first takes priority. Its always best to use the Exclude location option when doing this to save confusion. Or think logically about the hierarchy before to avoid conflicts. If i have a several Header Elements across the Site then i avoid rules such as Entire Site as this means every other header needs to be excluded.
Site Title color changing through Customizer does not work on any other site than Blog, but I did manage to change it via Elements :)
I've noticed that once you set text color in Elements, you cannot change it through Customizer (at least page title). Won't there be any issues with site or in code if colors are set differently in Elements and Customizer? The site obviously displays the ones set in Elements, but then, if you enter Customizer and publish some changes, wont the setting become corrupted / conflicted in some way?
Aah sorry yes forgot it had been set in Elements.
So Customizer sets global styles for the entire site. Anything you then apply in Elements will override the customizer settings for wherever the element is set to display. No conflicts. Its simply CSS which that is being overwritten.
Great! My concern was that Customizer may not properly, or fully overwrite settings that were set by Elements, because after making adjustments in Customizer, things that were previously set up in Elements did not respond. Nice to no issues there.
This may be my last question. Is there a way to move page title a little bit down, without moving navigation or site name/tagline?
Pic: https://drive.google.com/open?id=1oB_a__1hzZCaOW42YPktqSZKugfFZrRV
That's determined by the header element top padding:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-5-position-the-content
It moves both my website name and navigation around but page title "homepage" stays in the same place. Is there a way to move just "homepage"?
Can you link me to the page in question?
Sure, thank you.
https://energiazycia.com
Hmm changing the top padding which is currently set at 15% should work:
https://www.screencast.com/t/mF2kwttSU
Make sure you are changing the header element padding as suggested here:
https://generatepress.com/forums/topic/mellow-blog-unable-to-change-background-title/#post-1052219
My bad... I was changing padding in Customizer instead.
Thank you so much! Cheers!
No problem :)