No padding on pictures like on Origin theme demo store

Store Design
,
1

Hello,

On a page template, I am trying to recreate the 0 padding of 2 pictures side by side like on the “Origin” Theme demo store. I’m able to remove top and bottom padding, but can’t seem to find how to modify side padding.

A banner does not have padding. I would like to recreate this effect, but with 2 pictures in 2 columns. On mobile version, pictures would go one above the other. Still no padding

I am using “Origin” theme

Screen Shot 2023-07-26 at 9.39.54 PM.png
Screen Shot 2023-07-26 at 9.39.54 PM.png2656×1932 1.06 MB

2

Hello @jose_mance ,

You can try to follow these steps:

Go to Online Store → Themes → Actions → Edit code

Go to Assets folder → base.css file or theme.css file

Add this code at the bottom of page

.image-container {
  display: flex;
}

.column {
  flex: 1;
  padding: 0;
  box-sizing: border-box;
}

.column img {
  width: 100%;
  display: block;
}

@media (max-width: 767px) {
  .image-container {
    flex-direction: column;
  }
}

Save and preview

Hope this can help.

Transcy

3

Hello @jose_mance

Please provide your store URL and, if it is password protected, please share the password so I can review it and provide a solution.