Share butons at post page

Posted in: Newspaper
Post count: 9

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!

Post count: 20688

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

Post count: 9

Thank you very much!!!
I would like to align to left side. Also I would like to make same size for all buttons. Where I can do it too?

Thanks in advance!

Post count: 20688

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

Post count: 9

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!

Post count: 20688

Hi,

Simply enter the code in Theme panel->Custom CSS code section, or in a child theme stylesheet if you use one. There is no need to modify theme files in this case.

Thanks

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.