Fixing gap size between content

Support
#1

Hello! I am using the Classic editor and when I place images or videos from Vimeo onto my page, they are centering themselves on the middle of the page.

Would you please tell me how I can keep the two or three elements I have centered on the page no matter what and have a decent cushion away from the edge?

So for instance if I have 1/2 column with two Vimeo videos embedded into it, the videos will run all the way to the edge of the page. That or the videos don’t stay close together and there’s an odd gap in the middle. How can I adjust the amount of cushion or padding from the edge while keeping the two elements close together, but only keeping around 10 pixels apart?

THANK YOU SO MUCH!

#2

Hi @randomnameee,

Please follow these steps:

  • Turn off the Inner Container option of your row:

  • Add this element CSS to your row:

$el .x-column {
  margin-right: 10px;
  width: calc(50% - 10px);
}
$el .x-column.last, 
$el .x-column:last-of-type {
  margin-right: 0;
}

Hope it helps :slight_smile:

#3

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.