Home>Support>Custom CSS Code for Text Widget

Custom CSS Code for Text Widget

Notice: This thread is over two years old; the information may be outdated. Please consider creating a new thread if you require free support. If you have an active SiteOrigin Premium license, you can email our premium support desk at [email protected].

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. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Try 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.

  2. 11 years, 1 month ago Derek Stratton

    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;
    }

  3. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    Edit that widget and at the bottom click the option to insert paragraphs.

  4. 11 years, 1 month ago Derek Stratton

    Ah, perfect! Thank you so much!

  5. 11 years, 1 month ago Andrew Misplon
    Hi, I Work Here

    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.

Get The Most Out of SiteOrigin with SiteOrigin Premium

Find Out More