Center order buttons

Hi,
I'm trying to center the order buttons on my site and unfortunately i cannot achieve it.:
http://ferdelancenetworks.com/index.php/services/web-hosting Please take a look on order buttons: they are aligned to left and i want to center them.
i added the custom code in advanced setttings of the template :

Code: Select all

.content-table td {
    text-align: center;
}

Or add the

Code: Select all

<td align=center>

attribute in the html code , no luck yet.
The CSS override is set to ON.
Please advice. Thanks.

Please edit: /templates/gk_cloudhost/css/override.css and add at its end:

Code: Select all

dd.gkPrice {text-align: center}
dd.gkPrice .button {float: none; display: inline-block;}


Remember to enable "CSS override" in template settings - advanced section.

Hi,
thank you for your quick response. It works, but unfortunately only partially. If you go with mouse over the button, the button is moved to left.
http://ferdelancenetworks.com/index.php/services/web-hosting
It seems something is missing from the code provided. What you think?

Code: Select all

dd.gkPrice {text-align: center}
dd.gkPrice .button, dd.gkPrice .button:hover {float: none; display: inline-block;}


should fix that.

Great! It works. Thank you!

I'm glad I could help.
If You will have any other questions, feel free to post new forum threads.

Hi guys,
unfortunately i have to reopen few threads, over here, after few modifications, i still have issues withe the template. I'll take them one by one:

the center order buttons des not work for my home page:
http://ferdelancenetworks.com and scroll down to the dedicated server section. Please mouse over on ORDER NOW button .
My CSS override file looks:
#jwhmcswrapper #whmcsorderfrm input[type="button"],
#jwhmcswrapper #whmcsorderfrm input[type="reset"],
#jwhmcswrapper #whmcsorderfrm input[type="submit"] {
color: #333333 !important; }
dd.gkPrice {text-align: center}
dd.gkPrice .button, dd.gkPrice .button:hover {float: none; display: inline-block;}

The override css file works properly on otherpages like:
http://ferdelancenetworks.com/index.php ... /linux-vps
Please advice. Thank you.

There is a slight difference between those 2 tables - in one on homepage you have places price and button in 1 wrapping element.
How would you like it to look like? Could you please create a mockup?

Hi Cyberek,
Is enough if there the buttons will not be moved with mouse over. I'd like when you go and mouse over ORDER BUTTON , to have it unmoved. That's all.
Thank you.

Please add this code to override.css:

Code: Select all

.gkPriceTable dd.gkPrice > .button:hover {float: right;}