This has been resolved. After logging in and looking, a CSS rule was added to fix the problem.

body.single .td-social-network .td-social-but-text {
color: #ffffff;
}

I wanted to share in case anyone else stumbles across this thread with a similar issue.

Hello,

I have sent that email to the address you stated.

Thanks!

Hello,

I had previously done the test you mentioned, but just tried again. Disabled all plugins except TagDiv plugins, cleared my browser cache, and did a hard refresh of the site. It had no change on the site. The bottom social share buttons were styled correctly, while the top were incorrect. Both Social Sharing elements look correct in the backend still which tells me the changes are being saved.

I checked the DevTools and there are no errors showing that I can see. I read through the article regarding other factors that can interfere with the theme and it doesn’t look like those are the issue either.

Hello,

The Social Icon Color and Text Color are both set to #fff. You can see my previous post the backend looks 100% correct. Then when you view the live site it is not correct.

The social share at the bottom of the posts is correct on the front-end. Even if I duplicate that and move it to the top it still changes the styling for some reason.

Hello Calin,

When editing the template in TD Composer both blocks look correct. I just tried your idea of copying the style from the lower box that is correct and pasting it into the top box. It still looks correct within TD Composer, but it is wrong on the front-end.

Back end – https://imgur.com/rjABEIJ
What is showing on the live site – https://imgur.com/4fPRqoE

EDIT: I installed Healthcheck & Troubleshooting. Enabled Newspaper and the required plugins. So all other plugins were disabled except for those required by the theme. The problem still exists.

• This reply was modified 4 years by mverminski.

Hello,

I added the following to my .htaccess file, but do not see any change in the site.

<FilesMatch "\.(ttf|otf|eot|woff|woff2)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "http://skin.cdn.com"
</IfModule>
</FilesMatch>

I cleared the cache in the backend of the website and my browser, but am still not seeing icons.