Home>Support>How to set fonts for .widget p, .textwidget etc?

How to set fonts for .widget p, .textwidget etc?

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

The CSS lines appear at the top of the generated “(index)” page file itself, (i.e. not in a separate CSS file), they look like this:

.widget h3 {font:bold 14px/1.2em Arial, sans-serif;color:#555555;border-bottom:1px solid #e6e6e6;}
.widget_recent_comments li, #twitter li { border-color: #e6e6e6;}
.widget p, .widget .textwidget { font:300 13px/1.5em Arial, sans-serif;color:#555555; }
.widget {font:300 13px/1.5em Arial, sans-serif;color:#555555;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}

And the affected HTML looks like this:

<h3 class="widget-title">a title for text widget</h3>
<div class="textwidget">content for text widget</div>

screenshot: http://i.imgur.com/z1V5LtH.png

These selectors appear only if the “Text” or the “Visual Editor” widgets are used *within* “Page Builder”.

Should I be trying to override them in custom.css?
Or is there a “correct” place to set them?

This is our free support forum. Replies can take several days. If you need fast email support, please purchase a SiteOrigin Premium license.

  1. 9 years, 10 months ago Andrew Misplon
    Hi, I Work Here

    Hi Darren

    Do you have a public URL where we can take a look at what’s going on? If you need to keep this URL private from other users, just select “Private Reply” on the bottom right of the comment box.

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