[Resolved] Tagline position change

Home Forums Support [Resolved] Tagline position change

Home Forums Support Tagline position change

  • This topic has 12 replies, 4 voices, and was last updated 6 months ago by Fernando.
Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #1626869
    Masuk 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?

    #1626943
    Leo
    Staff
    Customer Support

    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 🙂

    #1626953
    Masuk Sarker Batista

    Thanks a lot 😀

    #1626956
    Leo
    Staff
    Customer Support
    #2104445
    Clare

    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

    #2104647
    Fernando
    Customer Support

    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! 🙂

    #2104652
    Clare

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

    #2104687
    Fernando
    Customer Support

    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!

    #2104701
    Clare

    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.

    #2104704
    Clare

    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!

    #2104761
    Fernando
    Customer Support

    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. 🙂

    #2104791
    Clare

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

    #2104879
    Fernando
    Customer Support

    You’re welcome! Glad that worked! 🙂

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.