Matching widget style to Theme style

Hello!

my plugin is actually meant to pick the styles from the theme. There is just a very little styling in the plugin, and it’s mostly about elements alignment, and margins/paddings.

There is basically nothing regarding the fonts/text. the only things are that the date/comments are set to be a bit smaller than the basic font size of your theme, and the post titles are set to be slightly bigger than the default text of your theme.

the rest should be picked up by the theme styles, because css is inherited if not specified, and in my plugin the style is not specifying anything about fonts..

My guess is that there is something not too well coded in your theme, and you need specific classes names in order to style the widget in the same way as your other widgets.

but I need to see a page of your site where there is a normal widget and my widget, in order to understand what’s wrong with your code.

cheers

I suspected that might be the case as I was not seeing you set things like the font style. The site I’m working on is still under development, but here is how to get to the page that is using your widget which will be on the far left column listing the Posts by Country.
1. go to: https://www.godreportsdev.refreshenfaith.com/blog/
2. Click “Countries” menu item at top
3. Find France on the map and click on it.
4. Your widget is the left column, “Posts by Country”.

I’m using a popular and paid theme called Newspaper 7

Thanks.

Hello!

the default font for your .widget class is Opens Sans, and then you have quite a few specific targets for specific widgets elements which are set to be
font-family: Georgia, Times, “Times New Roman”, serif;

your body font is Verdana, by the way..

I am not sure why things are set in this way but it is rather confused and can easily lead to problems like this one..

if you want to use Georgia everywhere, you should have it set as font for body..

in any case, I don’t know if there is a reason because your general widget class is set to use a different font than other specific kinds of widgets, but I’d add this rule at the end of your theme custom css, to set Georgia for ANY text in ANY widget type,

.widget {
 font-family: Georgia, Times, "Times New Roman", serif;
}

otherwise you can target only my widget, but most likely the problem will come out again with other widgets..

.widget.widget_pages_by_tax {
 font-family: Georgia, Times, "Times New Roman", serif;
}

Success again! Thanks

perfect!

glad to be helpful!

p.s. thanks for the awesome review! ??