fbpx

An Exclusive Offer For You To Grab JD Builder ProCheck Deal of The Day

Welcome, Guest
Username: Password: Remember me

Like using Astroid?

Help us improve Astroid by providing some quick feedback.

Take the survey

TOPIC: Column gap

Column gap 1 month 1 day ago #18166

  • poselziobro1
  • poselziobro1's Avatar
  • Offline
  • Senior Member
  • Posts: 76
  • Thank you received: 8
  • Karma: 0
in a row i have 4 columns
Although I have set a custom GAP in row setings , there is no space between them (columns), they are glued to each other.
And if I set the margin option in SPACING on every column then the gaps are made but the last column falls one row down.

How to get this effect
https://tinypic.pl/e2wzd222ybfs
Last Edit: 1 month 1 day ago by poselziobro1.
The administrator has disabled public write access.

Column gap 1 month 1 day ago #18174

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3064
  • Thank you received: 464
  • Karma: 100
Hello,

Your screenshot looks like the demo site: demo.joomdev.com/medical/toolbar/ Have you changed something and are now trying to switch back to the default layout.

You can create a row with 4 columns in page builder and add your content, It should be fine.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Column gap 1 month 1 day ago #18179

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3150
  • Thank you received: 496
  • Karma: 83
Hello,

You can easily remove the spacing between columns through Remove Gutter option. You will get this option in Row Options popup. See the screenshot.

Thanks,
Chandan
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Column gap 1 month 22 hours ago #18184

  • poselziobro1
  • poselziobro1's Avatar
  • Offline
  • Senior Member
  • Posts: 76
  • Thank you received: 8
  • Karma: 0
You misunderstood me.
When I add a background and a border to a column, then the blocks of the column are connected and there are no spaces, and I want the spaces to be
The administrator has disabled public write access.

Column gap 1 month 21 hours ago #18185

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3064
  • Thank you received: 464
  • Karma: 100
Hello,

Unless you removed the gutter space, the spacing by default is there. Can you provide a link to this page please?

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.

Column gap 1 month 6 hours ago #18192

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3150
  • Thank you received: 496
  • Karma: 83
Use padding instead of margin.
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Column gap 1 month 3 hours ago #18200

  • poselziobro1
  • poselziobro1's Avatar
  • Offline
  • Senior Member
  • Posts: 76
  • Thank you received: 8
  • Karma: 0
kkskoluszki.kylos.pl/test3/index.php/kontakt

well
Columns settings are:
bacground
padding :20px
border-width : 5px

Row settings
Colums Gap: Custom 15px



These columns below seem separated because border color is white

1 * The problem only occurs when I add a border.Instead of being inside, the border is outside
2* And if I turn off border and padding in column settings, but I leave the background. the Gap in row settings works, but leaves the column background ,,,
Last Edit: 1 month 3 hours ago by poselziobro1.
The administrator has disabled public write access.

Column gap 4 weeks 2 days ago #18222

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 3150
  • Thank you received: 496
  • Karma: 83
Hello,

Sorry for the misunderstanding. Please check the attached screenshot.
If you want something like this. Then you have to add Inner Row Element in Column then add your heading, icon, Image element in Inner Element.
On Set Background color, Border on Inner Element and Set the column Gap from Row Settings popup.

Thanks,
Chandan
Attachments:
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
The following user(s) said Thank You: poselziobro1

Column gap 4 weeks 2 days ago #18226

  • poselziobro1
  • poselziobro1's Avatar
  • Offline
  • Senior Member
  • Posts: 76
  • Thank you received: 8
  • Karma: 0
Ok, that's the effect I meant. THX

But I was convinced that there is a simpler way to do it.

If there will be more such rows with columns and inner rows and inner elements, then each element must be set separately.
The administrator has disabled public write access.

Column gap 4 weeks 1 day ago #18231

  • admin
  • admin's Avatar
  • Offline
  • Administrator
  • Posts: 3064
  • Thank you received: 464
  • Karma: 100
Thank you. We'll take that into consideration while developing pages with JD builder and trying to keep things simpler for the user.

Thanks,
Chetan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.259 seconds