BlueOwlCreative » Topic: how to centre button http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/feed/ Fri, 17 Jul 2026 12:06:11 +0000 http://bbpress.org/?v=2.5.3-5249 en-US http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26570 <![CDATA[how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26570 Sun, 24 Jan 2016 06:00:39 +0000 rhg Hi

I am having trouble centring a button in a 2/3 column width. I am using the code below. Can you please let me know if there is something missing:

[button href="http://raquel.com/contact-us/"" target="" css_classes="button_hilite tiny_button regular_text"][icon icon="mail"][/icon]Contact Raquel[/button]

Thank you.

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26588 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26588 Mon, 25 Jan 2016 09:37:29 +0000 BlueOwl Hi there,

Simply add the “center” class to the column that holds your button! :)

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26638 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26638 Tue, 26 Jan 2016 01:31:48 +0000 rhg Hi

Thanks for getting back to me. I’m sorry but I’m not a programmer and don’t understand your instruction. Below is the code to the button that seems to work just fine but is not centred. I added [column width="2/3" position="centre"] but it’s not correct. I would be very grateful if you could please tell me where centre needs to be included in the code below. Thank you.

[column width="2/3" position="centre"][button href="http://raquel.com/contact-us/"" target="" css_classes="button_hilite tiny_button regular_text"][icon icon="mail"][/icon]Contact Raquel[/button]

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26646 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26646 Tue, 26 Jan 2016 12:52:40 +0000 BlueOwl Hi again, just add this: custom_class=”center” , so it would look like so:

[column width="2/3" custom_class="center" position="first"][button href="http://raquel.com/contact-us/"" target="" css_classes="button_hilite tiny_button regular_text"][icon icon="mail"][/icon]Contact Raquel[/button][/column]

If you don’t want to center everything in your column, just add the button in a custom DIV and then center the DIV, make sure you use the TEXT editor instead of VISUAL for this:

<div class="center">[button href="http://raquel.com/contact-us/"" target="" css_classes="button_hilite tiny_button regular_text"][icon icon="mail"][/icon]Contact Raquel[/button]</div>

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26665 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26665 Wed, 27 Jan 2016 10:59:10 +0000 rhg Thank you very much for your help.

would you know why the button is not linking to my contact page?

Thanks again

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26670 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26670 Wed, 27 Jan 2016 13:15:54 +0000 BlueOwl Let me see your URL?

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26727 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26727 Thu, 28 Jan 2016 08:42:40 +0000 rhg below is the button with url (the website is not live as yet)
[button href="http://raquelholgado.com/contact-us/"" target="" css_classes="button_hilite tiny_button regular_text"][icon icon="mail"][/icon]Contact Raquel[/button]
[/column]

Thank you

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26742 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26742 Thu, 28 Jan 2016 14:45:00 +0000 BlueOwl You have 2 quotes at the URL, could that be it? :)

]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26754 <![CDATA[Reply To: how to centre button]]> http://blueowlcreative.com/support_wp/forums/topic/how-to-centre-button/#post-26754 Fri, 29 Jan 2016 09:59:30 +0000 rhg yes, you were right! Thanks so much for your help its much appreciated.

]]>