Hello,
My global post template has social share buttons on the top and bottom of the page. However, the element on the top does not look the same as the bottom and I cannot figure out why. The bottom element is correct. I actually duplicated that element and dragged it to the top of the post content, but you can see the colors changed.
Here is the link to an article on the dev site as an example.
Hi,
When you check theme in tagDiv Composer, the social share are looking the same? If is looking correctly, then the problem is related to an extra plugin.
If is not the same, then please use the right click to copy and past the social share style -> https://i.imgur.com/dJra3nt.png
Thank you!
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 @mverminski!
Please make sure that in the TagDiv Composer the text color is selected white. Click on the square and choose white or paste #fff.
Let me know the results!
Thank you!
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 @mverminski!
Please make a test and deactivate ALL plugins except tagDiv ones, also if you are using a cache plugin, deactivate it, clear all cache and try again.
Also, make sure that the TagDiv Composer is saving the changes you applied.
We have a guide with some tips why our Composer is not working properly, please check: https://forum.tagdiv.com/tagdiv-composer-not-working/
Check some other possible factors which can interfere in our theme: https://forum.tagdiv.com/general-options-may-interfere-newspaper-theme/
Let me know the results!
Thank you!
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 @mverminski!
Strange! We would like to investigate this issue further.
Please contact us via email at contact@tagdiv.com and provide the following:
– admin url and credentials
– cpanel url and credentials
– a link to this topic in order to identify you
Our team will take a look!
Thank you!
Hello,
I have sent that email to the address you stated.
Thanks!
Hello @mverminski!
If you sent an email, then we will take a look and reply to you as soon as possible.
Thank you!
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.