location of social media buttons
-
Hi there,
I have a question: is it possible to relocate the social media share buttons from the bottom of the page to the top (under the title), and if so, what’s the CSS code?
Many thanks
The blog I need help with is: (visible only to logged in users)
-
Hi, give the following a try and see what you think.
.wrapper { position: relative; } #text-31 { position: absolute; top: 90px; text-align: center; width: 980px; left: 0; } #text-31 .footer-widget-title { display: none; } -
Hi there,
thank you very much for your kind reply.
I tried your advice but you may have misunderstood my question (sorry, English is not my native language). When I use the CSS code, it replaces the general social media buttons (now located at the bottom of my blog). However, what I would want to relocate are the ‘colored’ social media share buttons (to share blogposts), that are now located under each article. Since I publish a lot of photos, you have to scroll down before you encounter them, hence why I would like to reposition them to the top of the page, under the title of each article.
You can have a look here to better understand what I mean: http://theluxurytravelexpert.com/2016/03/16/review-w-amsterdam/
Is that possible, and if so, what is the CSS code?
Many thanks in advance for your help!
-
We can move them to the top, above the post title reasonably easily, but putting them below the title comes with issues. We have to use position: absolute; in order to do this and that means the sharing buttons lose all relationship to the other elements in the web page. Since the post title can vary in length and number of lines, so we can’t set the spacing below the title accurately to make room for the sharing buttons. Give this a try and see what you think.
.single .hentry { position: relative; padding-top: 100px; } .single div.sharedaddy .sd-social { position: absolute; top: 0; } -
Thank you so much!
I used the CSS code and my social media buttons are now above the title.
However, I noticed that by doing so, something changed: when I want to share a blogpost by pressing the Twitter button, the blogpost link in the Twitter post is now the full ULR link and not the shortened version. Can this be fixed as well? -
The change we made cannot affect the link that is used to share to Twitter. CSS is a styling document used by browsers to position and style the elements of a web page. It can’t affect functionality in that way.
Have you tried removing the code and then sharing something to see if it uses the short URL, and then add the CSS back in and share to see if it changes?
-
Thank you. You are correct. Moving the social buttons does not have any effect. It is strange though that since yesterday the twitter share button does not share the short URL anymore but the full ULR. Do you have any idea what may have caused this and how to fix it?
-
I’ll check into that and see what is going on and report back once I here from our developers.
-
-
@luxurytravelexpert, that was quick. This was an intentional change. It seems that Twitter is counting links as consuming 22-23 characters, no matter how long the link actually is. In other words, a 10 character shortlink is counted the same as a 50 character full URL. It was decided that with that being the case, it is better to have the long link, which gives a bit more information.
-
Thx for your kind reply and all your help.
I preferred the short links but I guess I will have to live with it ;).
Kind regards -
- The topic ‘location of social media buttons’ is closed to new replies.
WordPress.com Forums 