Move Item Title/Price

Site URL: https://www.daringdirtbag.com/shop

PW: DDaccess

How do I move the item title and price away from the edge on both sides? I want my shop page to look like the example in the attached picture. I like the photos pushed all the way to the edge, but want a small amount of padding on the right and left for the item title and price. 

Thank you!

Laura

On 10/8/2022 at 4:52 AM, DaringDirtbag said:

Site URL: https://www.daringdirtbag.com/shop

PW: DDaccess

How do I move the item title and price away from the edge on both sides? I want my shop page to look like the example in the attached picture. I like the photos pushed all the way to the edge, but want a small amount of padding on the right and left for the item title and price. 

 

Thank you!

Laura

Try adding to Home > Design > Custom Css

.products-list .grid-meta-wrapper {
  box-sizing: border-box;
  padding-left: 5px;
  padding-right: 5px;
}

Support me by pressing 👍 if this useful for you

Yay! That's perfect. Thank you again!

Laura

Can this also be made possible on the item page? Can I create the same amount of space on the side to the You Might Also Like and the names of items and price on this page as well?

Thank you!

Laura

On 10/10/2022 at 10:34 AM, DaringDirtbag said:

Can this also be made possible on the item page? Can I create the same amount of space on the side to the You Might Also Like and the names of items and price on this page as well?

Thank you!

Laura

Use this CSS code

/* related products */
.ProductItem-relatedProducts.ProductList.clear.sqs-pinterest-products-wrapper .grid-meta-wrapper {
    padding-left: 10px;
    padding-right: 10px;
}
body {
    overflow-x: hidden;
}