Siteorigin feature box widget styles attributes

Hi Steven

If you’re using the Circle Icon widget and not the Features widget then the following, placed under Appearance > Custom CSS should still allow you to style the more link:

/* Circle Icon More Link */
.widget_circleicon-widget .circle-icon-box a.more-button {
color: #3fabe9;
}

It looks like you’re running the Features widget.

CSS Styles get applied to the widget’s containing div, so it’s the same as saying:

div {
color: red;
text-decoration: underline;
}

Except in the CSS Styles field you’d just say:

color: red;
text-decoration: underline;

So it’s not possible to target the link color using that field. You’d have to instead add a Widget CSS Class and then use Custom CSS to target that. In that case we might as well just use the classes that already exist.

/* Features Widget More Text Link */
.sow-features-feature .sow-more-text {
color: red;
}

Place the above under Appearance > Custom CSS and edit as required.

To change the overall link color used in the Features widget try this:

/* Links */
#main a { color: #dd3333; }
#main a:hover { color: #2b1100; }

That’s the selector the general content links in your widget are using.