Hi, I have two issues that I’d greatly appreciate some help with.
1. How do I change the font-style, weight, and family for the two parts circled in red?
2. How do I:
– change the Bottom of the Post Social Sharing Buttons Bar so that it is centered instead of left justified?
– Remove every button besides the Facebook and Twitter sharing buttons
– Change the Facebook and Twitter buttons so that it’s just the icon and without the redundant text “Facebook” and “Twitter”
– Change the social sharing bar so that it’s in its most minimal mobile form, even at all resolutions? Please see this image to see what I’m referring to: http://imgur.com/DWtlDJF
Thanks!
Hi,
1. I do not know why you want to change the font properties for the text in the social sharing, and then remove it, maybe I am not understanding something.
For the comments section you could try something like this – https://www.screencast.com/t/rl5Cw0kz or separate the code in different styles for each of the elements
.td-comments-title.block-title,
.comment-reply-title {
font-style: italic;
font-weight: 800;
font-family: "Times New Roman", Georgia, Serif;
}
2.1 You could center the bottom sharing section with a code like this – https://www.screencast.com/t/8jCQFwf2
This is the code used, it must be entered in Theme panel->Custom Css
.td-post-sharing-bottom {
text-align: center;
}
2.2 To remove those sharing options please follow this topic – https://forum.tagdiv.com/topic/remove-some-social-icons-from-share-section-in-post/
2.3 If you would like to remove the text you could do it directly in the theme file mentioned in the topic provided above – https://www.screencast.com/t/FqWDoxZMUXY or with this css – https://www.screencast.com/t/LvHjm5GzWp
This is the code if you choose to do it this way
.td-post-sharing-bottom
.td-social-but-text {
display: none;
}
2.4 I do not know exactly how you want it to be. On smaller devices the only difference after making all the changes provided above, will be that the WhatsApp social. If you want it to display at all times you could do it like this – https://www.screencast.com/t/6KLjhtQVSaK
If you could provide more information about this last step, I will try to give you a solution.
.td-post-sharing-bottom
.td-social-whatsapp {
display: inline-block!important;
margin-left: 10px;
}
Thanks
Everything worked great! Sorry I wasn’t being clear about 2.4: I simply wanted to arrive at that conclusion as a result of the steps prior.
However, I do have one more question: how do I remove the Whatsapp button from the share menu? I tried this code below but it didn’t work for whatever reason:
.td-post-sharing-bottom .td-social-whatsapp {
display: none;
}
Hi,
You could remove it from the code – https://www.screencast.com/t/e8lTwRKWocb or with a code like you wanted. To force it to apply try using it like this – https://www.screencast.com/t/rqhZF6gExdTq
.td-post-sharing-bottom .td-social-whatsapp {
display: none!important;
}
Thanks