Change Widget Font Size

[Fletcher]

The font sizes (all of them) in the upcoming events widget is a bit small on the website I’ve built. Is there a way to increase them? Here’s the link (you’ll see it in the primary widget area):

http://kvne.wpengine.com/kevin/

[George]

Hey Jill,

Changing the font sizes or other styles in your widgets will unfortunately require writing some custom CSS, which can either add to your existing theme or add to a child theme.

One example of changing the font sizes is to write CSS like the following:

.tribe-mini-calendar-event .list-info {
    font-size: 14px !important;
    line-height: 1.3 !important;
}

Here’s how that made your widget details look when I tested that on your site → https://cloudup.com/cTlWIKUwQsZ

Play around with styles like this and see what you can do. For being able to customize other styles across your site, I’d highly recommend using a tool like Firebug if you use FireFox, or the Developer Tools for either Safari or Chrome – these tools will let you see what CSS is being applied to specific elements on your page, which will make it a lot easier for you to override them from there.

I hope this helps!

Cheers,
George

[Support Droid]

This topic has not been active for quite some time and will now be closed.

If you still need assistance please simply open a new topic (linking to this one if necessary)
and one of the team will be only too happy to help.

[Author]

Posts