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].
Hi all! I’m having trouble editing some hyperlinks style on my site.
I’m using SiteOrigin Editor with Lana Site template in WordPress 4.8.1.
All hyperlinks are edited the way I want EXCEPT for hyperlinks inside a row.
I tried editing the row (wrench) and the content in the row (edit) adding the CSS code I want the hyperlink to behave under Attributes -> CSS Styles but the style is not applied.
Thank you so much for your help!
Hi Wriostamez,
The CSS Styles field is purely for CSS styles and will not accept HTML so you’ll need to add the link via an alternative means. To clarify, what is the HTML you’re trying to add to the CSS Styles field?
Hi Alex!
I added CSS code in the Appearance -> Customize -> Custom CSS section in my WP page.
All links in the template work as expected (a, a:link, a:visited, a:hover), but the links inside a Row stay unmodified.
See pictures below, hope this makes sense.
Row Hyperlinks: https://my.syncplicity.com/share/dx0itgzwqomjv4a/Row%20Hyperlinks
Theme Hyperlinks: https://my.syncplicity.com/share/avavpmsaanvbhhb/Theme%20Hyperlinks
Thank you so much!
Hi Wriostamez,
Unfortunately, this means there is a more specific selector that is overriding the link colors. I’d like to help you with this issue. Unfortunately, this is beyond the scope of the support we’re able to offer on our free forums.
We do offer this level of support to our premium users, so if you’d like to upgrade to SiteOrigin Premium, then I can help you over email support.
If you’d prefer not to upgrade to SiteOrigin Premium, then you can hire a WordPress developer from Codeable. They’ll charge you an hourly rate for any work done.
I understand, thank you so much!
Is there a tool you recommend to analyze CSS content loaded in the page to check what file is overriding it?
Also, I thought the Custom CSS would override all CSS content…
Thanks again!
Hi Wriostamez,
I would recommend using something like Chrome DevTools. Please note that it’s a tad tricky to work it out so I would recommend reading the instructions Google provides thoroughly. Sadly, I cannot assist you with using Chrome DevTools.
No, SiteOrigin CSS doesn’t bypass CSS Specificity.
Thank you for your help!
I’ll find a way to figure it out :)
For those looking for an answer in case you have the same issue, I was able to apply the style I wanted by setting Custom CSS with a very specific component using SiteOrigin Custom CSS.
Looking for the particular class in the Live Editor, then applying it to that individual component.
Hope this makes sense and is useful to you.