Title: side by side button Last modified: October 1, 2022 --- # side by side button * Resolved [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/) * how an i let the buy now and previous button to be side by side not up and down [https://photos.app.goo.gl/3sgHFr7RTMvgqwgk7](https://photos.app.goo.gl/3sgHFr7RTMvgqwgk7) * check the link and help me fix the issue Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/side-by-side-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/side-by-side-button/page/2/?output_format=md) * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16061408) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * To display fields side by side, you have some alternatives. The easiest would be to insert them into a DIV field and select the two-columns option through its settings. Please, watch the video tutorial by visiting the following link: * [https://youtu.be/5wguFUR4pD8](https://youtu.be/5wguFUR4pD8) * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16061601) * it the button not the field check the image i sent to u * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16061614) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * The modifications depend on your form structure and page styles. You can try inserting the following style definition through the “Customize Form Design” attribute in the “Form Settings” tab ([https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png](https://resources.developers4web.com/cff/images/documentation/form-settings-tab.png)): * ``` #fbuilder{position:relative;} #fbuilder .pbPrevious{ position:absolute; left:200px; bottom:15px } ``` * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16061666) * okay thanks it work but how can i increse the size of the button * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16062041) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * I’m sorry, I cannot recommend visual modifications without checking the styles applied to the form. Note that in a website, the CSS styles defined in the active theme affect every tag on the page. * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16063272) * but when i add the templete 2 which is the one i like but the button become smaller how can i incese it to be big pls - This reply was modified 3 years, 8 months ago by [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/). * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16063904) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * If you are referring to the buttons fields and previous page and next page buttons, you can enter the style definition below through the “Customize Form Design” attribute in the “Form Settings” tab: * ``` #fbuilder input[type="button"], #fbuilder input[type="reset"], #fbuilder .pbPrevious, #fbuilder .pbNext{width:150px;text-align:center;} ``` * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16064145) * it work but too long what of the hight (width 50% Highth 50%) all to be equal * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16064166) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * You only should modify the values of `width` and `height` CSS rules in the CSS block I sent you in the previous entry. * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/#post-16064278) * But it width that us showing it long but I want the height be the also big * #fbuilder input[type=”button”], #fbuilder input[type=”reset”], #fbuilder .pbPrevious,# fbuilder .pbNext{width:150px;text-align:center * Thus is what you sent to me but no height there * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/page/2/#post-16064292) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * Please, includes a height rules with the height you prefer. * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/page/2/#post-16064329) * #fbuilder input[type=”button”], #fbuilder input[type=”reset”], #fbuilder .pbPrevious,# fbuilder .pbNext{width:150px; height:150px ;text-align:center * Please check if it correct if no please do it and resend it to me - This reply was modified 3 years, 8 months ago by [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/). * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/page/2/#post-16064355) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * Please remember to include the `}` symbol at the end of the CSS block. Please, check the entry where I send you the CSS code. * If you want to assign 150px to the button, yes, it is correct. * Best regards. * Thread Starter [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * (@stephenboluwatife1) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/page/2/#post-16064499) * #fbuilder input[type=”button”], #fbuilder input[type=”reset”], #fbuilder .pbPrevious,# fbuilder .pbNext{width:150px; height:150px ;text-align:center} * Plugin Author [codepeople](https://wordpress.org/support/users/codepeople/) * (@codepeople) * [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/page/2/#post-16064512) * Hello [@stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * Excellent !!! * I recommend including an additional CSS rule, the `line-height`, to ensure the texts are aligned vertically in the Previous Page and Next Page buttons: * ``` #fbuilder input[type="button"], #fbuilder input[type="reset"], #fbuilder .pbPrevious, #fbuilder .pbNext{width:150px; height:150px; text-align:center; line-height:150px;} ``` * Best regards. Viewing 15 replies - 1 through 15 (of 19 total) 1 [2](https://wordpress.org/support/topic/side-by-side-button/page/2/?output_format=md) [→](https://wordpress.org/support/topic/side-by-side-button/page/2/?output_format=md) The topic ‘side by side button’ is closed to new replies. * ![](https://ps.w.org/calculated-fields-form/assets/icon-256x256.jpg?rev=1734377) * [Calculated Fields Form](https://wordpress.org/plugins/calculated-fields-form/) * [Frequently Asked Questions](https://wordpress.org/plugins/calculated-fields-form/#faq) * [Support Threads](https://wordpress.org/support/plugin/calculated-fields-form/) * [Active Topics](https://wordpress.org/support/plugin/calculated-fields-form/active/) * [Unresolved Topics](https://wordpress.org/support/plugin/calculated-fields-form/unresolved/) * [Reviews](https://wordpress.org/support/plugin/calculated-fields-form/reviews/) * 28 replies * 2 participants * Last reply from: [stephenboluwatife1](https://wordpress.org/support/users/stephenboluwatife1/) * Last activity: [3 years, 8 months ago](https://wordpress.org/support/topic/side-by-side-button/page/2/#post-16064672) * Status: resolved