Arrow Elements Appearing Under Social Icons

Hi there,

As you have the cache plugin on, I can not see where the CSS is from.

Can you disable all your cache plugins and clear the cache so we can take another look?

HI, I've set WP Rocket to safe mode so hopefully, you can now see this. Thanks

Hi there,

in your Customizer > Additional CSS you have this CSS rule which is adding those arrows:

.entry-content ul li:before {
    content: "\279C";
    position: absolute;
    left: -1.5em;
    color: #689931;
}

So that applies to every list in your post content which applies to those social icons.

Options:

a. You could simply copy the social buttons you have in your footer block element, as those are GenerateBlocks buttons they won't get that style.

b. change the above CSS to this:

.entry-content ul:not(.std-list) li:before {
    content: "\279C";
    position: absolute;
    left: -1.5em;
    color: #689931;
}

Then select the Social Links Block ie. the wrapper around the icons not the individual icons, and in Advanced > Additional CSS Classes add: std-list

Thanks, that worked.

Glad to hear that