Move quote edit like settings buttons

[Vickie85]

Hello! I am trying to move the quote, edit, like, and settings buttons to the bottom of each post instead of the top. In fact that whole top bar with the time and who like(s) the post. I want where it says last edit and the hour to be right above the buttons. I tried moving certain things in the css editor but it always came out wrong. Any and all help is greatly appreciated! 









Forum URL: gounlimited.boards.net

[Brian]

Hi, Vickie85.

This question would be better for the Templates board.

[Vickie85]

Oh I'm sorry! I'm very new here, so I thought support was where I needed to go! Ah we'll I'll go there instead then! Thanks

[SollyStartles]

As Brian stated, this would be better to post on the 'Templates' board, since it revolves around moving HTML and fancy stuff like that.

[Vickie85]

Are you able to move this thread to the templates board? I'm sorry to be a pest

[Brian]

I moved it to the template request board.

[Vickie85]

Someone? Please help me here, no matter what I try I can't get the buttons to come out right..

[T.C.]

Move Buttons (Quote, Edit, etc) Below Posts in Threads


Admin > Themes > Layout Templates > Thread > Post List

On line 20 you should see: <div class="controls">

And on line 25 you should see: </div>

Highlight lines 20 - 25. Use ctrl+c to copy it, then use backspace or delete to remove it.

Now go down to line 34 and you will see {/if}, place your cursor after that and press enter. Now ctrl+v to paste.

You should hopefully now have:

{/if}

<div class="controls">

$[post.quote_button]

$[post.edit_button]

$[post.likes.button]

$[post.select_options]

</div>



Now we need to add a float and margin to the first part from line 20.

Add the following parts in green:

<div style="margin-top: 10px;" class="float-right controls">



So now you should have:

<div style="margin-top: 10px;" class="float-right controls">

$[post.quote_button]

$[post.edit_button]

$[post.likes.button]

$[post.select_options]

</div>

And finally, click on the save button.

[Vickie85]

Jul 8, 2014 20:03:34 GMT -8 T.C. said:

Move Buttons (Quote, Edit, etc) Below Posts in Threads


Admin > Themes > Layout Templates > Thread > Post List

On line 20 you should see: <div class="controls">

And on line 25 you should see: </div>

Highlight lines 20 - 25. Use ctrl+c to copy it, then use backspace or delete to remove it.

Now go down to line 34 and you will see {/if}, place your cursor after that and press enter. Now ctrl+v to paste.

You should hopefully now have:

{/if}

<div class="controls">

$[post.quote_button]

$[post.edit_button]

$[post.likes.button]

$[post.select_options]

</div>



Now we need to add a float and margin to the first part from line 20.

Add the following parts in green:

<div style="margin-top: 10px;" class="float-right controls">



So now you should have:

<div style="margin-top: 10px;" class="float-right controls">

$[post.quote_button]

$[post.edit_button]

$[post.likes.button]

$[post.select_options]

</div>

And finally, click on the save button.




Wow I so wasn't expecting a reply to this a few mths later! 


As soon as I get to a computer I'll try this! Thank you so much for the suggestion!