CSS code to change link color is not updating

  • Resolved themoonymarigold

    (@themoonymarigold)


    2 years, 8 months ago

    I am trying to update the color of the links that show up in the comments. When I add CSS in the customizer it changes it as I’d like, but does not update on the actual site. I don’t believe this is a cache issue as it is the only item being affected. It’s as if there might be some code elsewhere that is over-riding (perhaps in elementor), but I can’t think of anything, is there a way to see all the css code that I’ve added in elementor? Or all css code in general?c

    This is the code I’m using:

    .post-template-default a.customize-unpreviewable {
	color: blue;
}

.post-template-default a.customize-unpreviewable:hover {
	color: light blueviolet;
	opacity: 1;
	font-weight: bold;
	letter-spacing: 0.2px;
}

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter themoonymarigold

    (@themoonymarigold)

    If I change the primary color global setting in the customizer this will change the color of the link, which confirms it’s not a caching issue nor a personal code over-ride issue. So why can’t I update this? I’m at a loss. I’d like to be able to change the hover actions, which I can’t do without CSS.

    Thread Starter themoonymarigold

    (@themoonymarigold)

    So the solution to this, in case anybody has a similar issue, was that when I was using “inspect” to identify the class, I was using it within the customizer, which is usually fine, but which (in this particular instance) gave me the class of a.customize-unpreviewable. This worked within the customizer to change the appearance but did not exist on the live site. Finding the real class outside the customizer using inspect gave me the correct class and boom, problem solved.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS code to change link color is not updating’ is closed to new replies.

Tags