how to centre buttons side by side on a regular page or post

Shapely
1

Hi there,

I have added custom buttons “register as a host” and “register as a participant” to the bottom of http://butterflydiy.com/private-sign-making-party/
but I want them to appear the way they are in the first parallax on the home page (except for the colours) http://butterflydiy.com/

I want them side by side centred on a regular page or centred one under the other in the mobile theme. I want them exactly like the home page (except for the coulours)

THank you so much

2

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.page-template a.btn.btn-lg.btn-filled {
display: table-cell;
float: left;
margin-right: 20px;
}

Thanks!
Colorlib Support Team

3

Thank you. That worked. Is there a way to center those so they’re perfectly in the middle just like the front page?

4

Hi there,
Thanks for writing back.
In that case you can alter the previous code to this:

.page-template a.btn.btn-lg.btn-filled {
display: table-cell;
float: left;
margin-right: 20px;
margin-left: 15%;
}

I hope this helps.
Best Regards,
Support.