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
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.