Home>Support>Editing Tags CSS with Custom CSS editor

Editing Tags CSS with Custom CSS editor

I’m using the latest version of North to create a simple one-page blog. In the footer I’ve included a Tag cloud. Everything works fine except I can’t figure out how to edit the text color and background of the tags themselves. I can see the tag color info, but I can’t get to it. Here is the code as shown in the Inspector with the colors that are actually displayed:

color: #a94346
background: #a94346
outline: 0
background-color: transparent
box-sizing: inherit

That is located in an object called:
.tag-cloud-link-1.tag-link-position-X
Where “X” is a changeable number for each of the tags in the cloud.

How do I get to those colors to change them to what I want?

Thanks,
EdB

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

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

    Hi Ed

    Thanks for reaching out.

    Our free support scope is limited, this is something we can directly assist with as part of premium support offering.

    Here are the rules you can use in your Custom CSS or Additional CSS area: https://github.com/siteorigin/siteorigin-north/blob/develop/style.css#L1862-L1876.

    Alternatively, give our Visual CSS editor a try https://wordpress.org/plugins/so-css/. More on SiteOrigin CSS here: Page: Getting Started.

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