Custom CSS Code for Text Widget
I’d like to know what the custom css code would be if I wanted to change the font size within just the Text widget.
Thank you!
This is our free support forum. Replies can take several days.
Need fast email support? Get SiteOrigin Premium
Replies
5Try this:
/* Text Widget */ .widget_text h3.widget-title { color: #444444 !important; font-size: 1.5em !important; font-weight: 500 !important; margin: 1em 0 !important; } .widget_text .textwidget p { font-size: 1em !important; }Remove any lines you don’t need. You can change 1em to 16px, so basically em font sizes are changeable for px font sizes. Assumes the use of paragraphs.
I’ve tried the code provided but it still doesn’t change the font size. I’m trying to change the paragraph above the form on this page: http://spotlightlocal.net/contact-us/
Here is the code I’m using:
/* Text Widget */
.widget_text h3.widget-title {
color: #444444 !important;
font-size: 16px !important;
font-weight: 500 !important;
margin: 1px !important;
}
.widget_text .textwidget p {
font-size: 16px !important;
}
Edit that widget and at the bottom click the option to insert paragraphs.
Ah, perfect! Thank you so much!
For sure, glad that helped.
Replies on this thread are closed.
Please create a new thread if you have a question, or purchase a SiteOrigin Premium license if you need one-on-one email support.