Product page spacing

Solved
Highlighted
Tourist
5 0 1

Hello Guys,

I came across a problem here with my product page spacing because my product is too high to the point where the product image is way up the header. I think its maybe because last week I inserted a code on the theme.scss.liquid to fix my home page because there’s a white space above my homepage header to remove that. But I think it affected my product page and other pages as well.

the inserted is
#PageContainer  { padding-top: 0px; }

is there a way to only adjust the product page and other pages but not affect the homepage as it is?

my website: www.htwopaw.com

password: heafay

Any help would be appreciated!

 

 

 

C3FF9DDB-4F56-4564-94F6-F07F2CAA7C9B.png

0 Likes
Highlighted

This is an accepted solution.

Hello,

Just replace:

#PageContainer  { padding-top: 0px; }


with:

.template-index #PageContainer{
padding-top: 0;
}


It will change only the home page.

Furthermore I noticed your "sale" text is black and, subsequently, unreadable:

dantepw_0-1597547897271.png


On your theme.scss.liquid add this code to fix this issue as well:

.price__badge--sale{
    color: white !important;
}


If you'd like I can audit your website and give a few suggestion to improve your UX and maximize the potential for sales. There are some things that can be worked on. If that is of your wish just shoot me an e-mail, I'm currently available for hire.

Kind regards,
Diego

 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes