Add Space between 2 sections on a product page

Hello again. Another question. I want to add some space between the images on the right and the cta on the left. They are really close together and there is a lot of white space on the right side of the screen. Here are some pics.

In the first pic you can see the title. I would like to title & price information to remain where it is but move the rest of the information move to the right about 1/2 - 3/4 inch.

Any suggestions?

1 Like

Hi @Mark3347 ,

You can follow the instruction below:

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.css->paste below code at the bottom of the file:
.product-template__container .product-form, 
.product-template__container .social-sharing {
    padding-left: 20px !important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

1 Like

@Mark3347

You can follow the instruction below:

  1. Go to Online Store-> Theme->Edit code
  2. Asset->/theme.css->paste the below code at the bottom of the file.
.product-template__container .product-form, 
.product-template__container .social-sharing {
    padding-left: 20px !important;
}

Hope this helps!

Thanks!