[Resolved] Header widget text font, alignment and appearance

Home Forums Support [Resolved] Header widget text font, alignment and appearance

Home Forums Support Header widget text font, alignment and appearance

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #696630
    Victor

    Hi guys,

    Great theme, convinced me to upgrade to premium in less than 5 minutes of using the free version.

    I’m not much of a technical guy so hopefully I’ll be able to squeeze the answers of you guys:

    1. How can I change the header widget text to Comic Sans MS?

    2. Is it possible for the text to appear only on the desktop version, and not on tablet/mobile?

    3. How can I change the alignment of the text? I want to move it more towards the left-hand side of the header, closer to the logo.

    Where do I have to add the css codes? In Customize > Additional CSS code or Appearance > Editor?

    Thanks!

    #696693
    Leo
    Staff
    Customer Support

    Hi there,

    Glad you’ve been enjoying GP πŸ™‚

    1. Try this CSS:

    .header-widget {
        font-family: "Comic Sans MS";
    }

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

    2. You can use the built-in hide-on classes:
    https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes

    3. Can you add the widget in first? Then we can help with some CSS.

    Let me know πŸ™‚

    #697015
    Victor

    Hi Leo,

    Thanks for your help, much appreciated.

    I’ve added the widget, would be great if you could help me out with the text alignment.

    Edit: I’ve added the text-align: left; value but would be great if I could move it more towards left-hand side.

    Thanks!

    #697253
    Leo
    Staff
    Customer Support

    Remove text-align: left; from your current CSS and add:

    @media (min-width: 769px) {
        .header-widget {
            padding-right: 70px;
        }
    }
    #697499
    Victor

    Thanks Leo, solved it!

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