Hi there,
Any chance you could send through a URL to look at? Also, are you looking to change the size of a specific widget or all of them?
Anonymous User 16103310
(@anonymized-16103310)
I also have a challenge with the recently viewed products widget. Product names in the widget were rendered to .product-title .entry-title making them too big. When I try reducing their size, images also reduce in sizes
Hi @abanista – Please refrain from hijacking another user’s thread 🙂
Feel free to open a new one and we can take a look there.
Thanks!
Thread Starter
mrblues
(@mrblues-1)
website address is http://www.lankapirtti.fi and in this case talking about Facebook widget on sidebar. Thanks!
Thanks for the the URL 🙂
Looking at that URL, I’m assuming you’d like to change the background colour of that widget. If so, you could use the following custom CSS in your Appearance > Customize > Additional CSS:
.widget-area .widget {
background: rgba(255,255,255,0.4);
}
Hope it helps.
Thread Starter
mrblues
(@mrblues-1)
no, I did say I want to change widget TITLE font color and size, background is what it supposed to be.
Job a11n
(@jobthomas)
Automattic Happiness Engineer
Hey @mrblues-1 – you’ll just need to target the widget title class then:
/* Change widget title font colour and size */
.widget .widget-title {
color: white;
font-size: 2em;
}
Of course you can use a HEX value for the colour or a different font-size.
Thread Starter
mrblues
(@mrblues-1)
hello! it is working, many thanks!
strange thing I think I tried this kind of code earlier and it did not work then. anyhow, all good now!
cheers
mrblues
Job a11n
(@jobthomas)
Automattic Happiness Engineer
Hey @mrblues-1 – glad to hear that. It might have been a small thing, like the selectors not being specific enough or a missing symbol. Troubleshooting CSS can be tricky.
