Home>Support>Siteorigin feature box widget styles attributes

Siteorigin feature box widget styles attributes

Hi,

I noticed since you recently updated the widgets and page builder, the ‘more link text’ has lost the custom styling i added to it. I wanted the link to be blue, its gone back to normal text. I’ve also noticed that If I even try code in that text box it doesn’t save. Clearly I have to use the new attributes option on the right, except I can’t work out how to use it exactly. Can you even just include a screenshot of how to use ‘widget styles attributes” section on the right menu, so I know how to code it in the future?

The current home page doesn’t have the text anymore as I’ve temporarily deleted it as it didn’t look nice and I couldn’t fix it.

URL: http://www.traditionalacupuncture.com.au/

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

  1. 7 years, 4 months ago Andrew Misplon Hi, I Work Here

    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.

  2. 6 years, 1 month ago Vidyani Maddula

    Can you help me in changing the Title font size and color of each video widget in latest video row

    http://vidyani.graphicgeekz.in/

    • 6 years, 1 month ago Andrew Misplon Hi, I Work Here

      Hi Vidyani

      Thanks for reaching out. I’ll reply in your thread shortly.

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