Center button in header

Hi there,

I am trying to center a button on the homepage as per the supplied screenshot:

http://glui.me/?i=cgi84h3ioo928nx/2013- ... 05_PM.png/

The code I am using is the following in a text widget in the header position as per supplied theme setup instructions:

<h1>Start 30-Day free trial today. Set up in instant</h1>
<h2>Powerful landing page theme for running serious business</h2>
</br>
<div><a href="#" class="gk-button" data-style="style1">Sign up for an account</a></div>

Could you possibly assist with getting the button centered as I am battling with this?

Kind regards

Francois Wessels

Hi,

Could you provide an URL to your website? (here or via PM), then I'll be able to give you proper CSS rules.

Hi Piotr,

The URL is http://claimstribunal.org -- please let me know if you need anything else.


Regards

Francois

Ok, but there's some kind of maintenance mode, right?, so I need backend access to see it (send me a PM if you can).

Hi there,

Sorry about that -- I have disabled the coming soon mode for now.


Regards

franwess

Add this code to css/override.css file (first enable this option in Template Options -> Advanced tab)

Code: Select all

#gk-head .gk-button {
    float: none;
}

Hi Piotr,

Thank you very much for this -- it sorted it out perfectly!

You guys are awesome!!


Regards

Francois Wessels