try adding some padding in your CSS
.fadeInUpBig {
padding: 0 2% 0 2%;
}
Thread Starter
terohn
(@terohn)
@jefflarish That worked thanks, could you possibly suggest a fix for the actual product page also? The images are oversized and blurry
Well, you can change the image size displayed with CSS. I would say for the quality though you may want to look at your source files. I think PNG might be preferable to JPEG. And the larger, higher res you can start with the better.
Also, it looks like you have a margin issue with your H1 product titles.
Do you have a lot you want done to the site?
Thread Starter
terohn
(@terohn)
Okay, I understand the PNG file type. I will try this. How could I get this h1 issue fixed and no, I just want to have a professional looking shop page.
Add this for your product title:
.woocommerce div.product .product_title {
margin-top: 5%;
margin-left: 0;
}
Added some margin on the top, you can change if you want
This is for the image:
.woocommerce div.product div.images img {
display: block;
margin-left: auto;
margin-right: auto;
width: 70%;
margin-bottom: 20%;
}
You can play with the width and margin-bottom to get it how you’d like.
Thread Starter
terohn
(@terohn)
@jefflarish thanks, how would I get these changes to not effect my homescreen? Now it shows the white padding.
