- This topic has 12 replies, 4 voices, and was last updated 2 years, 2 months ago by Fernando.
-
AuthorPosts
-
January 20, 2021 at 12:28 pm #1626869Masuk Sarker Batista
I want to set my logo exactly on the text position by hiding the “MSB Squad” Text https://share.msbofficial.com/yAuZwlKv
**when I tried I can see the output like this: https://share.msbofficial.com/xQuYBYAX
But I want to set the site tagline under the logo! how to do this?January 20, 2021 at 1:58 pm #1626943LeoStaffCustomer SupportHi 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 🙂
January 20, 2021 at 2:03 pm #1626953Masuk Sarker BatistaThanks a lot 😀
January 20, 2021 at 2:05 pm #1626956LeoStaffCustomer SupportNo problem 🙂
February 3, 2022 at 2:27 pm #2104445ClareI 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
February 3, 2022 at 9:00 pm #2104647Fernando Customer SupportHi 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! 🙂
February 3, 2022 at 9:10 pm #2104652ClareHi Fernando. I’ve cleared cache and input that code and nothing has changed. Any other ideas?
February 3, 2022 at 10:12 pm #2104687Fernando Customer SupportThank 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!
February 3, 2022 at 10:44 pm #2104701ClareHi 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.
February 3, 2022 at 10:49 pm #2104704ClareOK, 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!
February 4, 2022 at 12:36 am #2104761Fernando Customer SupportHi 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. 🙂
February 4, 2022 at 1:34 am #2104791ClareYes, that’s worked perfectly. Thanks so much.
February 4, 2022 at 3:24 am #2104879Fernando Customer SupportYou’re welcome! Glad that worked! 🙂
-
AuthorPosts
- You must be logged in to reply to this topic.