Site logo

Archived topic

How to add a top bar widget bar

40 replies · Started by Tina on July 7, 2021

Viewing posts 31–41 of 41

Now just re-enable each one to find the culprit :)

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!

yes

Thanks :)

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

Have you tried clearing and disabling your caching plugin first?

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

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

thank you!

You're welcome

This archived topic is closed to new replies.