[Resolved] Mellow Blog, unable to change background / title

Home Forums Support Mellow Blog, unable to change background / title

Viewing 14 posts - 1 through 14 (of 14 total)
  • Author
    Posts
  • #1051723
    Krystian

    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

    #1051840
    David
    Staff
    Customer Support

    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.

    #1051921
    Krystian

    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?

    #1051929
    David
    Staff
    Customer Support

    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.

    #1051952
    Krystian

    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?

    #1051956
    David
    Staff
    Customer Support

    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.

    #1052216
    Krystian

    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

    #1052219
    Leo
    Staff
    Customer Support
    #1052231
    Krystian

    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”?

    #1052232
    Leo
    Staff
    Customer Support

    Can you link me to the page in question?

    #1052246
    Krystian

    Sure, thank you.
    https://energiazycia.com

    #1052248
    Leo
    Staff
    Customer Support

    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

    #1052251
    Krystian

    My bad… I was changing padding in Customizer instead.

    Thank you so much! Cheers!

    #1052252
    Leo
    Staff
    Customer Support
Viewing 14 posts - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.