Positioning of "like" and "reblog" buttons on tumblr
I tried adding some buttons below posts on my tumblr page, but they are not displaying correctly . A similar button has a right - hand position, but at the beginning <a message appears (and even the outer post-block appears in the next reblog message ). Also, after the first message text in other messages, it moves to the left . I don't know how to fix this problem.
- Blog with the problem : http://rkhmlvch.tumblr.com
- Source code : https://github.com/xSOADx/The-Default-Network/blob/master/Theme%20code
- Snippet with the required code :
- Images
source to share
First, if you plan on styling on a specific element, use ID. If you plan on reusing styles across multiple elements, use Class. I recommend that you change the id to class instead.
Example: <div id="post">...</div>
to is <div class="post">...</div>
the same for <div id="buttons">...</div>
.
Anyway, back to your question. Your first <div id="post">...</div>
is inside <div id="wrapper">
, then the rest are outside. Put the rest of your message inside <div id="wrapper">
and they will all be the same.
Next, for your buttons. Change it to <div class="buttons">...</div>
instead <div id="buttons">...</div>
, then add styles to your CSS:
.buttons { display: inline-block; margin: 5px; }
source to share