This topic has 9 replies, 3 voices, and was last updated 8 years, 8 months ago ago by Jack Richardson
As the title says, what is the code to add in order to remove the SKU line from the single products page?
Thanks so much!
Hello,
Please add this code into the Child Theme.
.product-information .sku_wrapper{
display:none !important;
}
Regards,
Robert Hall
Hello,
I’ve added the css code in Global Custom CSS section:
.sku_wrapper {
display: none !important;
}
Clear browser cache and check single product page.
Best regards,
Jack Richardson.
Which is the best to do? Add code in the child or Global? There are two different methods mentioned above.
Can we “tuck in” the “Share Social” title a bit tighter upwards now that the SKU line is gone? Play with padding suppose?
Many thanks guys!
There is no difference, it’s your choice what to use.
Please add this code into the Child Theme or Global Custom CSS.
.product-information .product_meta {
padding-bottom: 0px;
margin-bottom: 0px;
}
Regards,
Robert Hall
Worked great! Thank you!
If I can use either putting code into the CSS file in the Child Theme….or put it into Global CSS, then that raises the question if I could have put all the recent code that we have talked about (the star.png and list-icon/grid-icon modified files) into Global CSS instead of the child and have it work the same?
I hope that made sense.
Hello,
You can put all style customization in Theme Options > Styling > Custom CSS section and it will work the same way as through child style.css file. It’s up to you.
Best regards,
Jack Richardson.
Good info to know. Thanks again Jack.
Hello,
You are welcome.
Best regards,
Jack Richardson.
The issue related to '‘REmoving SKU?’' has been successfully resolved, and the topic is now closed for further responses