swiftyste

Well-Known Member
Hello,

I'm looking into making action bar buttons to fit into threads/comments and just looking at various threads i came across:

XF 2.0 - Customising the post template | XenForo community

Time has changed since then and trying to edit it making it work into what i have now doesn't work well as expected but what i'm looking for is:

Screenshot_16.png


I'm not looking at changing anything else except bottom action bar, to making it look something like this. Any help will be much appreciated
 
So this CSS would darken the bar making it somewhat like that with no template edits:

Code:
.message-cell.message-cell--main
{
    padding-bottom: 0;
    .message-actionBar.actionBar
    {
        background: #e2e2e2;
        border-top: 1px solid #b3b3b3;
        margin: @xf-messagePadding -@xf-messagePadding 0px -@xf-messagePadding;
        padding: 5px;
    }
}


Would that work or are you wanting it to span the entire message box including the user info on the left?
 
So this CSS would darken the bar making it somewhat like that with no template edits:

Code:
.message-cell.message-cell--main
{
    padding-bottom: 0;
    .message-actionBar.actionBar
    {
        background: #e2e2e2;
        border-top: 1px solid #b3b3b3;
        margin: @xf-messagePadding -@xf-messagePadding 0px -@xf-messagePadding;
        padding: 5px;
    }
}


Would that work or are you wanting it to span the entire message box including the user info on the left?
Just looking to move action bars downwards as it is within the image that's all, I feel it looks good for me with the user info as I use the drop down so it hides most or all within drop down.
 
You'll need to edit post_macros

Find (line 68)

Code:
                            <xf:extension name="footer">
                                <xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
                            </xf:extension>

Move right above the </article> on line 78

Then adjust your CSS to this:

Code:
.message-footer .message-actionBar.actionBar
{
    background: #e2e2e2;
    border-top: 1px solid #b3b3b3;
    margin: 0;
    padding: 5px;
}
 
You'll need to edit post_macros

Find (line 68)

Code:
                            <xf:extension name="footer">
                                <xf:macro name="post_footer" arg-post="{$post}" arg-thread="{$thread}" />
                            </xf:extension>

Move right above the </article> on line 78

Then adjust your CSS to this:

Code:
.message-footer .message-actionBar.actionBar
{
    background: #e2e2e2;
    border-top: 1px solid #b3b3b3;
    margin: 0;
    padding: 5px;
}
Thanks so much for your help!

Looking spot on! Now it's the hassle in making this work everywhere :D
 
That's a lot :D

conversation_message_macros
Move the entire <footer> </footer> just above the </article>

Same thing for profile_post_macros
 

Pre-Sale Questions

If you have any questions or concerns you want to ask before you make a purchase don't hesitate to use one of our multiple support channels for your convenience.

Back