Hi
Try this CSS for your widget headers
.widget h3:before {
font-size: 1em !important;
}
And for text inside your widget
.widget li {
font-size: 10px;
}
See if that helps. Best of luck.
Karen.
Thread Starter
dormaj
(@dormaj)
That works great for the text inside the widget (10px) but the widget header font size didn’t change. When I inspect the header, this is what I am told:
<h3 class=”widget-title”>Upcoming Events</h3>
and
media=”all”
h1, h2, h3, h4, h5, h6, p {
-moz-transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
-webkit-transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
-o-transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
transition: font-size 0.5s ease-in-out, left 0.7s ease-in-out, right 0.7s ease-in-out;
}
goodeatscafe.net/media=”all”
h3 {
font-size: 24.5px;
}
goodeatscafe.net/media=”all”
h1, h2, h3 {
line-height: 40px;
}
<h3 class=”widget-title”>Upcoming Events</h3>
try to add
h3 .widget-title {
font-size: 12px;
}
in custom.css or in custom css field and see if this helps
This will change all h3 widget titles.
