Button formatting on renewal

Since CBSubs 4.0 came out, the formatting of our payment buttons for renewal has been crowded and vertical rather than horizontal. Please see below:



At the very least, I'd like to be able to add space between the buttons, but adding a margin to ".cb_template form" (which works in Firebug) is ignored when placed in my custom CSS file. I think "form" is an HTML element generated with PHP that I can't override with CSS at my skill level.

Is there a setting to reformat this in CBSubs, or do I just need remedial CSS training?

Looks fine in all my tests.



The buttons are a image input inside of a form element. Your Joomla template could have CSS forcing forms to block elements which would make them stacked like that. Try switching to default Joomla protostar template and see if issue persists.

Good idea. I did try it, and unfortunately it looks the same in Protostar. Is there a next line of attack?

You'd need to review the CSS to see what's doing it. It could be a simple matter of not enough space there. Right click and inspect element on the button, which will open your browsers developer console. You can see if any CSS is making the image input or the form it's inside of display as a block element.