Header spacing in Layout Grid
Forum rules
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
IMPORTANT NOTE!!
DO YOU HAVE A QUESTION OR PROBLEM AND WANT QUICK HELP?
THEN PLEASE SHARE A "DEMO" PROJECT.
PLEASE READ THE FORUM RULES BEFORE YOU POST:
http://www.wysiwygwebbuilder.com/forum/viewtopic.php?f=12&t=1901
MUST READ:
http://www.wysiwygwebbuilder.com/getting_started.html
WYSIWYG Web Builder FAQ
Header spacing in Layout Grid
What is the best way to add top and bottom spacing above and below a Header in a Layout Grid. At the moment I have not used Headers just text as I couldn't get the hang of them, which is unfortunate, as now I need to replace hundreds of them so an easy solution would be preferable.
-
-
- Posts: 1439
- Joined: Fri Aug 21, 2020 8:27 am
- Contact:
Re: Header spacing in Layout Grid
If it is a layout grid then for spacing top and bottom the best practice is "padding" you can find padding option in the layout grid properties.44MLB wrote: ↑Mon Sep 25, 2023 9:54 am What is the best way to add top and bottom spacing above and below a Header in a Layout Grid. At the moment I have not used Headers just text as I couldn't get the hang of them, which is unfortunate, as now I need to replace hundreds of them so an easy solution would be preferable.
-
-
- Posts: 1439
- Joined: Fri Aug 21, 2020 8:27 am
- Contact:
Re: Header spacing in Layout Grid
And for easy solution I tested you can select all the layoutgrids an when all of them are selected as many as you can then go to properties and add this class name grid-padding you have to write that class name in the properties.
and on the page where you have those grids on take an HTML TOOL from the toolbox and paste these styles there
and on the page where you have those grids on take an HTML TOOL from the toolbox and paste these styles there
Code: Select all
<style>
.grid-padding {
padding-top: 15px;
padding-bottom: 15px;
}
</style>
Re: Header spacing in Layout Grid
Are you wanting just spacing for the header/text itself only or the entire grid? As Wwonderfull stated, each grid has top and bottom padding in the grid properties to add spacing for the entire grid itself. However if you are just wanting padding added to the header/text object itself, then right click the object, select padding and change the settings. Holding shift when you hit enter will set the padding amount to each breakpoint also.What is the best way to add top and bottom spacing above and below a Header in a Layout Grid
There is also a dedicated heading object you can use. Not sure if your headings are the same from page to page (font, size, etc). You can create one heading on a page, make all your adjustments in each breakpoint and then copy and paste this object page to page. This leaves you only having to change the text inside. All the other settings will stay the same.
Re: Header spacing in Layout Grid
Many thanks for all the help, now I get down to updating the headers