How to customize the layout of the Landing Page with CSS
That's easy.
Open the Landing Page builder and select a template. Make sure it includes a form for my example because we're going to customize the label font size.
Navigate to Layout. The last window on the page is where you paste the custom CSS code.
This is what the label font looks like before I added custom CSS.
This is what the label font looks like if I add the code script below:
.form-label { font-size: 100px; }
You can alter the layout, like I did above, for different elements. Keep in mind before you start with the CSS customization, check if you can change it by builder settings. A lot already is customizable and would save you some time and work.
Open the Landing Page builder and select a template. Make sure it includes a form for my example because we're going to customize the label font size.
Navigate to Layout. The last window on the page is where you paste the custom CSS code.
This is what the label font looks like before I added custom CSS.
This is what the label font looks like if I add the code script below:
.form-label { font-size: 100px; }
You can alter the layout, like I did above, for different elements. Keep in mind before you start with the CSS customization, check if you can change it by builder settings. A lot already is customizable and would save you some time and work.
Updated on: 28/04/2023
Thank you!