Tagline position change

Hi there,

Add this CSS:

.inside-header .site-branding-container {
    display: flex;
    flex-direction: column;
}

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

Let me know if this helps :)

Thanks a lot :D

No problem :)

I also tried adding the css code above but it hasn't worked, still shows alongside the logo. Also, how do you change the colour of the tagline text? I've tried searching for it in Customise-Colours but can't find it. Thanks

Hi Clare,

I tried applying Leo’s CSS and it appears that it should work on your website as well.

See this for reference: https://share.getcloudapp.com/qGur6Nr4

In any case, try this CSS instead:

.inside-header .site-branding-container {
    display: flex !important;
    flex-direction: column !important;
}

Here is a link you may refer to with regards to adding custom CSS: https://docs.generatepress.com/article/adding-css/

If this doesn’t work, kindly check if there’s any caching in your website or in your hosting provider that’s probably causing the issue. Also check if there’s any syntax error in your copied code.

Please let us know how it goes. Hope to hear from you soon! :)

Hi Fernando. I've cleared cache and input that code and nothing has changed. Any other ideas?

Thank you for getting back to us!
 :)

Upon looking at your site from my end once more, I couldn’t locate the code that you’ve added. This should be visible from my end, however, it’s not.

See this for reference: https://share.getcloudapp.com/6quEJPx2

This means that I’m seeing a cached page or there’s something wrong with how you added the CSS.

May we know how you’re adding the CSS? Moreover, may we also know if you are using a caching plugin? Can you also check if your hosting provider performs caching?

Hope to hear from you soon!

Hi Fernando. I added it under customise - additional CSS. I've just logged in again and the code you suggested is in there. The cache plugin I'm using is wp fastest cache.

OK, so I've just looked at the code and before the new code I had 2 close brackets so I've deleted one and it's shifted to appear under the logo. Is there a way to left justify and add some padding between the logo and the tag line? Also where is the colour for the tag line? Thanks!

Hi Clare,

Can you try replacing the current CSS to this one?

.inside-header .site-branding-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.site-branding-container .site-branding {
    margin-top: 12px
}

Kindly replace the margin-top value(15px) to your preferred value.

Moreover, to modify the color of the tagline, kindly go to Appearance > Customize > Colors > Header.

See this for reference: https://share.getcloudapp.com/wbuYL781

Please let us know if this works. :)

Yes, that's worked perfectly. Thanks so much.

You're welcome! Glad that worked! :)