gap between pagebuilder rows

  • Hello,
    I want to decrease the gap more between the rows to minimum when i use pagebuilder.
    Currently when i have a certain text in upper row and some in lower row then the distance between the text is huge and the customize option is at minimum already. Where can i change the code to gain access to this?

    I would increase gaps between the rows using divider widget myself so i wnat the gap to be pretty much zero by default. Please help!!!.

Viewing 12 replies - 1 through 12 (of 12 total)
  • Theme Author marsian

    (@marsian)

    Which page builder are you using, could you post the url?

    Thread Starter websitefreelancer

    (@websitefreelancer)

    i am using the site origin page builder.
    I just create a page and then choose page builder option where i can add rows and then divide it to columns and so on.
    But the gap between the rows is huge so when i am entering an article then the gap between first paragraph and paragraph on second row is huge…

    is there a portion in the code that is causing this and wher should i edit it?

    Thanks

    Thread Starter websitefreelancer

    (@websitefreelancer)

    Hi there… can anyone help me yet on this?

    Theme Author marsian

    (@marsian)

    sorry, i lost this thread, let me check and try updating you in few hour

    Theme Author marsian

    (@marsian)

    The gap between paragraph looks normal, but gap between row are bit large because site origin page builder uses widgets to place the texts or other elements which adds the additional margin of the widget.

    try adding following lines of codes in “Appearance” > “Customize” > “Layout Options” > “Additional Style” . that will reduce 20px.

    .panel-grid .panel-grid-cell .widget {
	padding-bottom: 0px;
}

    to reduce gap between paragraphs add following lines

    .panel-grid .panel-grid-cell .widget p {
	margin-bottom: 12px;
}

    Thread Starter websitefreelancer

    (@websitefreelancer)

    thank you i will try that

    Thread Starter websitefreelancer

    (@websitefreelancer)

    I didn’t see much difference…. on my other post i have asked the question about the pictures being perfectly aligned and of same size on your i-excel website in the recent projects and posts section.

    May be i should use the templates next toolkit… but i am not being able to figure out where is that kit and how to use it.

    can you please explain thanks?

    Theme Author marsian

    (@marsian)

    go to “Appearance” > “Install Plugin”

    install and activate. and follow the instructions from https://www.templatesnext.org/icreate/?page_id=541

    Thread Starter websitefreelancer

    (@websitefreelancer)

    I have the plugin installed and activated but the [tx] button does not show up as an option?

    Thread Starter websitefreelancer

    (@websitefreelancer)

    I have yo disable the black studio tiny mce widget to get the tx button but i don’t want to.
    I have created the home page using page builder. any suggestions?

    Theme Author marsian

    (@marsian)

    once you create your home page you can turn on the other plugin, [tx] button is just a shortcode generator, shortcode will work without the button

    Somehow there is only one gap between column on my MOBILE version website: tjlkidswear.com.au

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘gap between pagebuilder rows’ is closed to new replies.