Move Edit, Quote, Like buttons

[lololark]

Hello, is there a way to move the Edit, Quote and Like buttons to the bottom of each post?

Thanks.

[Retread]

Jan 28, 2020 17:34:05 GMT -8 lololark said:

Hello, is there a way to move the Edit, Quote and Like buttons to the bottom of each post?

Thanks.

Yes.

From your Admin panel, navigate:
Admin Home> Themes> Layout Templates, then click on the Post List tab.

In a stock layout template for Post List, you'll find the variables $[post.quote_button], $[post.edit_button], and $[post.likes.button] on lines 21~23. Remove those and place them wherever you like, but be sure to NOT place them within an {if}{/if} section.

It would also be a good idea to wrap them in a div with a new class name so you can have some control of how they're being displayed.

For instance, you might place:
<div class="controls-2">$[post.quote_button]$[post.edit_button]$[post.likes.button]</div>
after the existing line:
<td class="foot">

Then add this to the bottom of the Style Sheet for the same theme:
/* Move relocated buttons to the right side */
.posts .post .foot .controls-2 {float:right; border-collapse:separate; margin:0px 5px 0px 10px;}
.posts .post .foot .signature {clear:right;}

[lololark]

Thanks a lot, you're a life saver!

[lololark]

When I try to add the last part to the style sheet, I just get a Syntax error.

naberriefields.freeforums.net

[Retread]

Jan 29, 2020 19:52:56 GMT -8 lololark said:

When I try to add the last part to the style sheet, I just get a Syntax error.

naberriefields.freeforums.net

Ooops! I had an extraneous semicolon in there. I edited that post and removed it. Try it now.

[lololark]

Ah, no worries, thanks a lot for the help!

[freedomtochoose]

Jan 29, 2020 9:35:24 GMT -8 Retread said:

Jan 28, 2020 17:34:05 GMT -8 lololark said:

Hello, is there a way to move the Edit, Quote and Like buttons to the bottom of each post?

Thanks.

Yes.

From your Admin panel, navigate:
Admin Home> Themes> Layout Templates, then click on the Post List tab.

In a stock layout template for Post List, you'll find the variables $[post.quote_button], $[post.edit_button], and $[post.likes.button] on lines 21~23. Remove those and place them wherever you like, but be sure to NOT place them within an {if}{/if} section.

It would also be a good idea to wrap them in a div with a new class name so you can have some control of how they're being displayed.

For instance, you might place:
<div class="controls-2">$[post.quote_button]$[post.edit_button]$[post.likes.button]</div>
after the existing line:
<td class="foot">

Then add this to the bottom of the Style Sheet for the same theme:
/* Move relocated buttons to the right side */
.posts .post .foot .controls-2 {float:right; border-collapse:separate; margin:0px 5px 0px 10px;}
.posts .post .foot .signature {clear:right;}

I am sorry but I am not a technical guy, I am almost 71 years old. I do have some know-how but not much. Can you or anyone please tell me how to do this? Where to put the code? All I want to do is put the top button at the bottom.

Thank you in advance.

[Scott]

freedomtochoose - Are you referring to the 'back to top' button?

That's from the Back to Top plugin. In the plugin's settings there is the option for the vertical position. From the dropdown selector choose bottom. (And make sure to click the Save Changes button.)