Separate SKU and Category on Product Detail Page

The SKU # and the Category notation run right into each other on the product detail page. How can I put some space inbetween or possibly add a line break inbetween?

image

Thanks

Hello @comstarsupport,

Thanks for writing to us.

In case if you want to display the product meta in a new line you can use this custom CSS code under X/Pro—>Theme Option —>CSS

.product_meta span.sku_wrapper {
display: block;
}

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Hope it helps.
Thanks

1 Like

Thank you, it worked perfectly.

You are most welcome.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.