Hey!
I would like to move share buttons under the picture and align on the right side, as you can see here: https://www.screencast.com/t/n0nw35Mr0bv Also I want that all share buttons would be the same size
Is it possible to make in Theme panel? If no, in which files I should make changes?
Thank you in advance!
Hi,
That would require modifications to the post templates used. The theme does not have options to move the top or bottom post sharing. Each post template has a corresponding loop-single file. These files are located in the main theme folder
– https://www.screencast.com/t/2Zx6taqs6
For example opening the loop-single-2 file you can modify the post template 2
– https://www.screencast.com/t/Ypz0IM1i
There you can see the post template structure, moving the top sharing below the featured image would be like this
– https://www.screencast.com/t/XAjOcwwmB
– https://www.screencast.com/t/zhhLJ0Gm
As for the alignment I don’t understand how they should be aligned, to what. The buttons are calculated to display in the position and shape they currently are, to display properly in the post content.
Thanks
Hi,
They could only be the same size if the text is removed, like this for example
– https://www.screencast.com/t/Az004siZw
This is the code used in the example, it will also align them to the right. I believe you meant right, since they are already aligned to the left
.td-default-sharing .td-social-but-text {
display:none;
}
.td-post-sharing-top {
text-align:right;
}
If this is not want, it would be helpful if you could maybe provide more details about how exactly they should be.
Thanks
Thanks Simion 🙂 It’s exactly what I want. But you’ve forgotten to mention in which .css file I need to make this changes. I don’t find classes which, I need to change, in editor-style.css. Can you write in which file I should make changes.
Thanks in advance!