[Resolved] Cannot Change Font Size in Widgets

[Hameed]

I am not able to change the Font Size of the Text in Widgets. It is showing so large. The customize panel in the old websites is showing different and my new website is showing completely different. Why is that?

[Elvin]

Hi there,

The customize panel in the old websites is showing different and my new website is showing completely different. Why is that?

If your new website is using GeneratePress 3.1, it has an update that changed the typography panel. Brief explanation here – https://generatepress.com/generatepress-3-1-global-colors-dynamic-typography/#:~:text=Typography%20Manager,continue%20using%20px.

As for the font size of the widgets:

The widgets generally inherit the values you’ve assigned to Headings and Body on Appearance > Customize > Typography. Else, their styling will be taken from theme defaults (main.min.css) OR use custom CSS (if any) OR use plugin’s styling if it’s rendered by a plugin. 😀

If you want to have a more specific styling, you’ll need custom CSS. 😀

[Hameed]

I removed the imported site. All my settings lost. yet the Typography option is different. Such a waste of time even after purchasing a Premium Theme.

[Hameed]

The updated Typography panel is useless. The previous settings were so good and easy to understand. Is there any tutorial on the New typography panel? I want the old one.

[Hameed]

Somebody, please tell me how to edit the text in Widgets. I want to reduce the size and remove that underline, without changing any settings to the content body text.
.
I feel like I have wasted my money on the Premium Generate Press theme. My site looks like s#it with the current settings.

[David]

Hi there,

sorry to hear of your frustrations – can you share a link to your site so i can see whats going on?

You can share the URL in the Private Information field. Once i see that i can advise on the best way to make those changes.

[Hameed]

I have shared link to my new and old website. I am having issue with the new Typography system. Everything else is good. i like the color settings as well.

[David]

1. Removing link underlines
Go to Customizer > General and make sure Underline Links are set to Never.

2. Widget text font size
In Customizer > Typography –> Add Typography.
In the Target Element list select Custom.
In the Enter custom CSS selector field add .widget-area

Now add you font styles.

Advantages of this system means you can create your own custom styles for different elements in your site.

[Hameed]

Hey David, this was quite helpful. Thanks. My site looks better now. However, I have more queries.

1. the underline option is removing the underline from the entire website. I want to have that underline in my content. I just want to hide it in the widgets.

2. Can we change the font size for individual widgets? The method you gave changed the font size of all the widgets. I would like to have a custom font size for each widget. Can u help with that?

I am not good at CSS and HTML.
Is there also a tutorial on how to use the new typography feature?

Thanks

[David]

1. Best to disable the option in the customizer and use some simple CSS for that:

.entry-content p a {
    text-decoration: underline;
}

2. You would need to know the specific ID of the widget to style that individually. And it would depend on whats inside the widget – as the ToC or the UAGB Block or the JP Related Posts widget may all have their own specific styling.

If theres something specific you want changing let me know.

I am not good at CSS and HTML.
Is there also a tutorial on how to use the new typography feature?

HTML/CSS isn’t really required – in the Add Typography > Element List is every element that you could edit in the Old Typography. Its only required in some instances like styling a specific widget.

[Hameed]

Thank you so much Mr. David. Im glad you could help me.

One last doubt. Can I save these Color & Typography settings, then choose a Theme from Site Library, then again revert the settings on that theme? is that possible. I liked the menu bar design of the previous, when I was unable to understand the Typography settings, I reseted the website theme.

[David]

In Dashboard > Appearance > GeneratePress –> Import / Export.
You can export your current theme settings and import them to any site.

[Hameed]

Thanks Again

[David]

You’re welcome

[Author]

Posts