Padding between buttons and Text in Prestige Theme
Welcome to shopify community.
Please share your store URL and if your store is password protected then please provide password too.
Thank you.
Reduce these spaces on the product page
Collections page
Hi @Amiroff61 ,
Go to Assets > theme.css and paste this at the bottom of the file:
@media screen and (max-width: 1007px){
/* product page */
.ProductMeta__PriceList,
.ProductForm__QuantitySelector,
.Product__SlideshowMobileNav{
margin-top: 10px !important;
}
.ProductForm__QuantitySelector,
.Product__Gallery{
margin-bottom: 10px !important;
}
.ProductMeta{
margin-bottom: 10px !important;
padding-bottom: 10px !important;
}
/* collection page */
.features--heading-uppercase .ProductItem__Info{
margin-top: 10px !important;
}
.ProductList--grid>.Grid__Cell{
margin-bottom: 25px !important;
}
}
Hope it helps!
@media screen and (max-width: 1007px){
.ProductMeta__PriceList,
.ProductForm__QuantitySelector,
.Product__SlideshowMobileNav{
margin-top: 10px !important;
}
.ProductForm__QuantitySelector,
.Product__Gallery{
margin-bottom: 10px !important;
}
.ProductMeta{
margin-bottom: 10px !important;
padding-bottom: 10px !important;
}
/* collection page */
.features--heading-uppercase .ProductItem__Info{
margin-top: 10px !important;
}
.ProductList--grid>.Grid__Cell{
margin-bottom: 25px !important;
}
}
Add this code in the theme.css
Thank you all.
Can you help me remove those edges?
Hi @Amiroff61 ,
Go to Assets > theme.css and paste this at the bottom of the file:
.CollectionItem__ImageWrapper{
border-radius: 0 !important;
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.
Sorry, I didn’t mean that.
I’d like to remove that color.
While maintaining the circular shape
Hi @Amiroff61 ,
Go to Assets > theme.css and paste this at the bottom of the file:
.CollectionItem__Wrapper{
background: none !important;
}
If it helped you solve your issue, please mark it as a solution. Thank you and good luck.