Welcome, Guest

How to center-align form buttons?
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: How to center-align form buttons?

How to center-align form buttons? 2 years, 9 months ago #8157

I would like to center-align the submit/cancel buttons on my form. I see where I can set it to float:left or float:right in the css, but most commonly the submit button is center aligned under a form. Is there a way to do this? I am using qmtheme.
  • melissapbr
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
  • Karma: 2

Re:How to center-align form buttons? 2 years, 9 months ago #8159

I think float: none; will do it for you.

You can also control margin-left and margin-right to align the buttons.
.bfQuickMode .bfNextButton, .bfQuickMode .bfPrevButton, .bfQuickMode .bfSubmitButton, .bfQuickMode .bfCancelButton {
    float: none;
}
  • Guest
  • OFFLINE
  • Senior Boarder
  • Posts: 60
  • Karma: 0

Re:How to center-align form buttons? 2 years, 9 months ago #8211

Thanks, I took the float of first, then had to add a margin-left to .bfQuickMode input[type='submit']. Thanks for your help.
  • melissapbr
  • OFFLINE
  • Fresh Boarder
  • Posts: 5
  • Karma: 2

(Solved?) How to center-align form buttons? 1 year, 9 months ago #15960

Here's an entry I found in the FAQ to do this: crosstec.de/support/index.php?pid=knowle...entclient&id=100

Update: After I made the changes to the CSS file I looked at my forms and there was no change in the position of the submit button.
  • erichhaubrich
  • OFFLINE
  • Senior Boarder
  • Web Ninja and Technology Geek
  • Posts: 62
  • Karma: 3
I love Breezing Forms! - It is the Killer App for Forms on Joomla!
Last Edit: 1 year, 9 months ago by erichhaubrich.
  • Page:
  • 1
Moderators: TheMuffinMan, ForumSupport
Time to create page: 0.39 seconds

Facebook Discount - 40% Off!

Fans of our Facebook page here are entitled to get a 1-year-subscription for the price of a 6-months!

Steps to take:

  • Become a fan on Facebook (Like) here
  • Purchase a 6-months-subscription from here
  • Write a quick email to This email address is being protected from spambots. You need JavaScript enabled to view it. with your username and prove of your like and we'll upgrade to the 1-year-subscription

Joomla!® Forms Discount - 40% Off!

Already purchased a forms extension from a different vendor but your requirements changed and now you need a forms extension that is capable of more than just the standards? We help you to keep the costs for a change under control: Get a 40% discount on our professional membership plan! -- meaning timely unlimited access to all current and future commercial extensions, breezingforms themes & apps and Joomla!® templates at crosstec.de, including 1 year of support -- without any website limitations -- Just prove that you previously purchased another forms extension for Joomla!® from a different vendor and you are qualified.

Steps to take:

  • Purchase a 1-year-subscription from here
  • Write a quick email to This email address is being protected from spambots. You need JavaScript enabled to view it. with your username and prove of the purchase for the other form vendor and we'll upgrade to the professional-subscription

About

Crosstec GmbH & Co. KG

Bergisch-Gladbacher-Str. 829

51069 Cologne, Germany

Imprint