[Resolved] How to add a top bar widget bar

[Leo]

Now just re-enable each one to find the culprit 🙂

[Tina]

Lastly, could you please check the Customizer/ Typography/ Headings?

I am not able to change the fonts of my headings inside the Customizer, its not showing any effects.

I addressed this issue with Ying in the past but it hasn’t been resolved… It was part of another ticket.

I should be fine after this last thing is solved, I promised 🙂 Thank you for your patience!

[Leo]

Is this for this topic here?
https://generatepress.com/forums/topic/not-able-to-change-my-headings-fonts-inside-customizer/#post-1850572

If so looks like we haven’t received a reply from you before.

Can you do that first? Thank you!

[Tina]

yes

[Leo]

Thanks 🙂

[Tina]

I added a top bar + text Widget with a clickable phone number

How do i add a second widget with social icons?

I tried Appearance> Widgets> Top bar > Add Social Media Blocks and its showing on the back end thats its been added but not on the front end

[Leo]

Have you tried clearing and disabling your caching plugin first?

[Tina]

Hi Leo,
So, I am almost done with the website and I want to thank you again for your team support. I finally decided to add the social media widgets to my primary navigation menu using the link you suggested in this article :https://docs.generatepress.com/article/adding-icons-to-menu-items/

It worked as expected but I will like to change the colour of the icon to white when Hovering, but I have no coding knowledge.

Can i please ask for your assistance?

Thank you in advance

[David]

Hi there,

when using Images, even SVGs, you can’t change their color using CSS. The SVG would have to be inline.
What we could do though is invert its colors 🙂

1. Add this CSS:

.main-navigation .main-nav ul li.icon:hover a img {
    filter: invert(1);
}

2. Then you need to add a CSS Class of icon to the 2 x menu items you have with the icons in.
See here to learn how to do add those classes:

https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

[Tina]

thank you!

[David]

You’re welcome

[Author]

Posts