Header spacing in Layout Grid

All WYSIWYG Web Builder support issues that are not covered in the forums below.
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
Post Reply
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Header spacing in Layout Grid

Post by 44MLB »

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.
wwonderfull
 
 
Posts: 1439
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Header spacing in Layout Grid

Post by wwonderfull »

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.
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.
wwonderfull
 
 
Posts: 1439
Joined: Fri Aug 21, 2020 8:27 am
Contact:

Re: Header spacing in Layout Grid

Post by wwonderfull »

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

Code: Select all

<style>
.grid-padding {
    padding-top: 15px;
    padding-bottom: 15px;
}
</style>
User avatar
crispy68
 
 
Posts: 2912
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Header spacing in Layout Grid

Post by crispy68 »

What is the best way to add top and bottom spacing above and below a Header in a 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.

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.
44MLB
 
 
Posts: 144
Joined: Sun May 27, 2018 11:55 am

Re: Header spacing in Layout Grid

Post by 44MLB »

Many thanks for all the help, now I get down to updating the headers :D
Post Reply