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, 5 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, 5 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: 68
  • Karma: 0

Re:How to center-align form buttons? 2 years, 5 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, 5 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, 5 months ago by erichhaubrich.
  • Page:
  • 1
Moderators: TheMuffinMan, ForumSupport
Time to create page: 0.36 seconds

About

Crosstec GmbH & Co. KG

Bergisch-Gladbacher-Str. 829

51069 Cologne, Germany