Full width form buttons

1 reply · opened Oct 18, 2018

Jjpme226Oct 18, 2018

I LOVE Canvas...so much good stuff here.

I am making some form pages using the pre-constructed forms in the site pages and I was wanting to get a CANCEL and a SUBMIT button on the bottom of the form. I had tried to make them using:

` <div class="row nomargin nopadding">

<div class="col_half nomargin nopadding " style="background-color:#f62705;">
<div align="center">
<a href="#"><button class="button button-large nomargin" style="border-radius:0px; background-color:#f62705;">BUTTON</button></a>
</div>
</div>

<div class="col_half col_last nomargin nopadding " style="background-color:#fb6b00;">
<div align="center">
<a href="#"><button class="button button-large nomargin" style="border-radius:0px; background-color:#fb6b00;">BUTTON</button></a>
</div>
</div>

</div>`

When I view it, there is a section of padding on the right side of the form container. Can see that here: www.code.minus302.com

I am making multiple forms and they will all be setup similarly and would love to have the two buttons on the bottom edge. Anyway to remove that right hand padding?

SSemicolon WebSTAFFOct 21, 2018

Hello,

Simply replace col_half and col_half col_last with col-sm-6.

This will definitely work fine. Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard
Full width form buttons · Canvas Template Support