CSS that worked, now does not

[johnboak]

When I made the CSS for this years a few years back, I made yellow circle dingbats for “li” tags. Recently they stopped working.

This page would show them if they worked:

Career Change | Return to Work | Executive Coaching | Skills

Here is the selector and rules:

.x-column li {
list-style: none;
padding: 0em 0 0em 1.2em;
text-indent: 0em;
background-image: url(https://connectworkthrive.com/wp-content/uploads/2015/08/dingbat-31.png);
background-repeat: no-repeat;
background-position-x: 0px;
background-position-y: .7em;
margin-left: -1em;
}

Any ideas?

[jade]

Hi there,

I have just checked your site and the CSS seems to be working and displaying fine for the list items.

Would you mind trying to clear your browser cache and reload the page again?

Thank you.

[johnboak]

Hi Jade;
Thanks for checking on this. I got the result that you saw and posted by placing the css into the page-specific Cornerstone CSS edit window. Previously I had been placing it in my Appearance>Editor window in the standard WP admin. ( And, throughout this entire frustrating attempt to make what used to work, work again, I did indeed clear caches obsessively: from the Godaddy cache, to the various browsers’ caches; I also used icognito/private pages.) To finish up I remove the CSS from the page-specific Cornerstone CSS edit window, to the CSS window found under Appearance>Customize. That replicated the universal application of the CSS that I had former obtained by editing the Child-Themes CSS file.
I have no idea why the CSS would not work until it was placed in
Thanks for being there and replying!

[nabeel]

Hi again,

I checked your setup and the CSS from your child theme is being applied correctly (see screenshot)

I did a test by commenting out the CSS you added in Appearance>Customize area and the CSS in your child theme was working fine. You can remove the CSS from Appearance>Customize and then clear your cache and it should work as expected.

Let us know how this goes!