No search results were found in Documentation!
Hello @jericho
Add following code to custom code section in theme panel
.td-post-sharing-visible, .td-social-sharing-hidden {
display:block;
text-align: center;
}
Refer: http://prntscr.com/iuozrh
Hi tagDiv,
How can I center the display position of Sharing Buttons for both Desktop and Mobile view?
Thanks!
Thanks a lot. It works perfectly.
To make changes on desktop it’s the same code but changing the first line?
@media (max-width: 1018px) and (min-width: 768px) {
I’m trying to figure how it works the theme using the chrome tool to see the source code but it’s my first time in wordpress, css, php and is hard to me.
Can you tell me the codes to:
1. Modify the distance between breadcrumbs and the title of the article.
2. Modify the distance between the title of the article and the “author + date”.
3. The distance between “author + date” and the social sharing icons.
4. The distance between the main post image and the begining of the body text.
Thanks,
Indeed, seems I missed the second question, sorry about that. On mobile there is a bottom margin of 20px set, while on desktop it is 30px
– https://www.screencast.com/t/7BuOruPp
You could remove it or reduce it it with a code like this on mobile
– https://www.screencast.com/t/OS6nXGem0sMN
@media (max-width: 767px) {
.td-post-sharing-top {
margin-bottom: 0px;
}}
Hi,
@Amit That is not a theme ad spot. You could edit the template and insert a do_shortcode in the location you want
– https://forum.tagdiv.com/topic/single-post-how-to-place-a-horizontal-banner-right-below-the-sharing-buttons/
– https://forum.tagdiv.com/topic/how-can-i-put-ads-between-post-title-and-social-share-button/
– https://forum.tagdiv.com/topic/add-content-globally-to-bottom-of-each-post/
Hi,
Seems there is an opacity issue with the socials, I could give you a code to make them visible as a quick fix
– https://www.screencast.com/t/EDHzlZFsw
.td-post-sharing {
opacity: 1;
}
Enter it in Theme panel->Custom CSS section.
I had two questions. I think you miss the second one. 🙂
“Also I want to know if it is possible to change the distance between the sharing icons and the image”.
Thanks!
Instagram updated the data structure. There is not yet an update released by Tag Div, but they said it would be fixed in the next update. I wrote my own fix link included to updated code. If you update the theme directory update the file /includes/wp_booster/td_instagram.php
https://docs.google.com/document/d/11eUtwa85fc5SvOxOEYeJ-9aeTB2OXufCjt2jAiG70E4/edit?usp=sharing
Had same issue. Rewrote the td_instagram.php. Here’s a link just replace all code from td_instagram.php with the code in the doc.
https://docs.google.com/document/d/11eUtwa85fc5SvOxOEYeJ-9aeTB2OXufCjt2jAiG70E4/edit?usp=sharing
Let me know if it helps
Instagram updated the data structure. There is not yet an update from Tag Div. In the theme directory update the file /includes/wp_booster/td_instagram.php
https://docs.google.com/document/d/11eUtwa85fc5SvOxOEYeJ-9aeTB2OXufCjt2jAiG70E4/edit?usp=sharing
Hello gbouquet,
What’s the problem? Your social sharing buttons seem to have a correct color. Please check here -> https://www.screencast.com/t/5p71Wl7Ma58 This is from my website.
Thanks.
I’ve noticed that in smartphone, the newsmag theme the dafault posts have a thinner margin than the newspaper ones. So, more screen width is used. Can I have the same margin in Newspaper? Which modifications do I have to do?
Also I want to know if it is possible to change the distance between the sharing icons and the image. Thanks. 🙂
DAFULT POST NEWSPAPER:
https://demo.tagdiv.com/newspaper/wordpress-news-magazine-charts-the-most-fashionable-new-york-couples-in-2016/
DEFAULT POST NEWSMAG:
https://demo.tagdiv.com/newsmag/discover-the-10-best-hairstyles-according-to-your-face-shape/
Thanks,
Hello gbouquet,
Now, the Social Sharing seems to look good, as you can see here -> https://www.screencast.com/t/w9uskDHIwc Clear all the caches and check the results.
Thanks for the message!
Thank you for sharing this solution. It will help lots of users that need such implementation.
Thank you for sharing.
Glad you could solve the issue.
1. The black demo is custom made, by theme options it is not possible to achieve that design. It contains custom CSS in it’s stylesheet
– https://www.screencast.com/t/DTn5qT5f
It colors most of the theme elements with custom CSS code as seen in the stylesheet. You could use that for inspiration if you want to create something similar. Together with the browser inspector tool
– https://forum.tagdiv.com/create-custom-code-using-the-browsers-inspector/
I will try to help you further if you could mention what exactly you want to do, and where in the website.
2. The theme general width cannot be changed, it is predefined. It is not recommended to make any modifications to it, as this will most likely cause layout issues.
All the blocks and grids depend on this fixed width, their design will be damaged if it is modified.
There are row options in the composer to stretch them to predefined widths or full widths
– https://www.screencast.com/t/RlJHQWPbpFHU
Also there are full big grids, which are always full width
– https://demo.tagdiv.com/newspaper/full-big-grid-1/
Header and footer can also be stretched as you mention
– https://www.screencast.com/t/eDLhcqO6
But a general width setting for all the website pages is not available at the moment.
If you could provide a link to your website we will inspect the sharing issue.
Hello Guillaume Bouquet,
It seems to be strange. The color for sharing buttons should have the default color and not gray. Remove all of your untested plugins which can interact with the theme and causes this problem and check your custom code if you want something like this.
Thanks for your understanding!
Hi
The Sharing buttons at the end of each blog post has gotten it´s colours back. I still have the above CSS given to me 26/8-16 as I had before, and have not changed anything. I notice more choices have been given to costumize the sharing buttons look, for example doing them all black, but I still prefer having them gray. Can the above CSS be modified to work for the new button options?
https://www.ladiesabroad.se/2018/03/manadens-staycation.html
thanks from Lena
Good evening,
I’d like to skip sharing social network icons in shades of gray (for the icons at the top of the page, under the title) as on this page https://www.caleis.fr/clients/grandirautrement/webdesign/img /wd/WD51article_GA.jpg
How to do ?
Thank you
cordially
Guillaume Bouquet
Hi,
Posts can be shared, but pages cannot. The theme has no options for that. There are only social icons which link to specific accounts that can be placed on pages.
You could try plugins if sharing pages is required for you. There are many sharing plugins you could try.
Thanks
Hi,
That is how the sharing socials are supposed to display, aligned from the left
– https://www.screencast.com/t/Etugg75F
If you have multiple socials enabled this is the best solution to display them all. There are post templates that display the post title and also sharing centered in the page. Like post templates 12 and 13
– https://forum.tagdiv.com/post-templates-2/
Thanks
When I enable Sharing Posts In Newspaper theme, the alignment is placed at Left Side instead of Center place. PLease guide me how do I align in the centre?
Hello;
Here is my Share button order > http://prntscr.com/irjkdw < under Post Settings > Share > Social Networks
and here is my sharing button order in posts http://prntscr.com/irjl81 (which is wrong!) what would be problem?
I’m seeing this on my site too. Just updated to Newspaper 8.7.2 and noticed a Facebook button appearing at the bottom of my posts in a td-post-sharing-classic div.
I didn’t make any changes to any theme options, and definitely didn’t enable any sharing plugins, since I use Social Warfare to handle my floating share buttons.
Is this custom CSS really the only way to handle this? Why is it appearing, if I didn’t enable anything, and why isn’t there a way to disable it via the theme panel?
Update: I tried both custom CSS mentioned here, and neither worked.
-
This reply was modified 8 years by
Solstyce.