[Heather LParticipant]

Hello!

I need to create different looks for each product page. Can I use product id’s for the css like you can with different pages?

[ChristianModerator]

Hey Heather,

Yes. Please use the class .postid- followed by the product ID like .postid-70

Hope that helps. 🙂

[Heather LParticipant]

Thank you! I did try that, but for some reason it still isn’t working. Here is what I tried:

.postid-624 .single-product .woocommerce div.product .images, .woocommerce-page div.product .images {
padding-right: 0px;
padding-left: 0px;
}

My goal is to have the piece of artwork that is highlighted on the this page: http://www.patriciaraineillustration.com/product/encore/
line up with the ends of the p and n in the header. I think I just need to take the padding off, but it isn’t affecting anything. Can you tell me what I am doing wrong?

[Rue NelModerator]

Hello There,

Thanks for the updates. The code did not work because you have the selector hierarchy in the wrong order. Please update it and use this instead:

.postid-624.single-product.woocommerce div.product .images, 
.postid-624.single-product.woocommerce-page div.product .images {
  padding-right: 0px;
  padding-left: 0px;
}

Hope this helps. Please let us know how it goes.

[Author]

Posts