You can change styling with CSS. Create a child theme or add custom css if your theme supports this.
But other things are visible. The problem concerns only the shout box. How can I change only shout box font and how to build a proper code? I have child theme if it is relevant.
The Shoutbox has its own css classes that you can use. So it’s easy to change the font (size) there.
Ok, but I don’t know how. Can you do that for me if it is not a problem?
I normally wouldn’t do this, as it is also not my expertise. But this is fairly simple CSS. All elements are contained within a wrapper with class “fp-shoutbox” and as it is a widget, there is also a widget container that we can use to make our rule very specific.
e.g.
.football-pool-widget .fp-shoutbox .name { font-size: 50px; }
.football-pool-widget .fp-shoutbox .text { font-size: 50px; }
Thank you! It’s working like a charm. 🙂
I’va changed date size also with this code:
.football-pool-widget .fp-shoutbox .date { font-size: 14px; }
but can’t figure out how to change characters remaining font size. I would be glad if you help.
.football-pool-widget span.notice {
font-size: 50px;
}
Tip: use Google Chrome developer tools (right click » inspect element) to determine the elements and to fiddle around with CSS values and selectors.
AntoineH, thank you for help nad prizeless tip 🙂
