[Resolved] Header widget text font, alignment and appearance

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

[Leo]

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 🙂

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

[Leo]

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

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

[Victor]

Thanks Leo, solved it!

[Leo]

No problem 🙂

[Author]

Posts