Reducing gap within pages

[randomnameee]

Hello!

I wanted to know how I could adjust or reduce the gap between elements.

For instance, I have 2 columns but the space separating the two is really big.

I tried the
symbol and also tried adjusting gap space with a -% sign and still doesnt work.

Thanks for your help!

[randomnameee]

Also I have two videos that are around 400x400, but when I put them in a column together, they won’t stick together or at least get close to each, how do I do that?

thank you so much!

[mldarshana]

Hi There @randomnameee

Thanks for writing in! It’s hard to guess your issue without checking an example page URL. However I will try to simulate your issue and provide some instructions.

When you add two Columns into a section, you can then click on the Row that resides your Columns,

Then you can enable margin-less Columns.

For Columns, you have the ability to adjust your padding as well.

If you have a different issue, provide us with the URL to your example page, so that we can assist you accordingly.

Thanks!

[randomnameee]

Thanks for the reply! I’m actually working off the traditional editor and not cornerstone or the visual layout. I tried

br/

and gap size but both options didn’t work.

Thanks again!

[randomnameee]

Also for some reason, on some browsers, my site is looking completely unformatted, do you know why that’s the case? This has happened on mobile before too, but only sometimes. Someone just showed me their browser and it was all grey with nothing formatted

[nabeel]

Hi again,

I checked your site registered on your account and I see you’re using an outdated version of X and Cornerstone that could be the cause of the issue you’re having. First update your X theme and Cornerstone to the latest versions. You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

I would recommend that you create a staging site for updating. This is very useful because you can test drive any X or Pro updates in the staging area, do the customization and troubleshooting without disrupting your live site. Once everything is perfect, you can easily and flawlessly proceed the update in the live site. To know how to create a staging area, please check out these articles:
http://www.wpbeginner.com/wp-tutorials/how-to-create-staging-environment-for-a-wordpress-site/, https://maintainn.com/2015/02/how-to-create-a-staging-site-for-wordpress/

After doing the updates, always remember to clear all caches (if you are using WP Rocket, WP SuperCache or W3 Total Cache) when updating so that the code from the latest release is always in use. This will help you to avoid any potential errors.

I also tried to find the page you’re referring to but couldn’t find the page. Can you please share the URL of the page in question so we can see what’s causing the gap issue but I’d highly suggest you to use Cornerstone to build your pages so that all is in your control. It’s easier and faster to create pages in Cornerstone. To get started please see https://theme.co/apex/forum/t/cornerstone-content-builder-introduction/118

Thanks!

[randomnameee]

This is the page I’m talking about:

http://www.desmondchan.org/freedom-always-earning/

I will consider using Cornerstone next time but I’m almost done with this page and just need help finalizing two tweaks.

After the first main video, there are two columns with videos. However, you’ll see that the space between the first and second column is massive.

In the area you see called The Disruptives, you’ll see the videos in the columns are separated and are really far apart from one another. How do I keep both videos closer to the center? I want them to be close to the middle of the page and not so close to the edge.

Let me know, this would be SUPER helpful. Thank you!

[thai]

@randomnameee

After the first main video, there are two columns with videos. However, you’ll see that the space between the first and second column is massive.

Hi @randomnameee,

To remove the top spacing of your videos, please change the height of your iframes to 400 instead 450. 450 is too big.

@randomnameee

In the area you see called The Disruptives, you’ll see the videos in the columns are separated and are really far apart from one another. How do I keep both videos closer to the center? I want them to be close to the middle of the page and not so close to the edge.

Please add this inline CSS to your facebook video iframe style="width: 300px;" then also add the style="text-align: right; to the left column:

Hope it helps