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.
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:
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.
Can you help me in changing the Title font size and color of each video widget in latest video row
http://vidyani.graphicgeekz.in/
Hi Vidyani
Thanks for reaching out. I’ll reply in your thread shortly.