Product code position – 2 lines instead of 1 line… how to make it 1 line?

Hello, @allstarsft,

Sorry for the long delay, I never receive notices from WordPress about new support posts, only follow-ups.

I will ask my current developer @sindhwal to look at this, where I have tried to get the font weight and content shift corrected in the past and could not. It came down to a current WooCommerce theme template overriding WooCommerce itself causing the line shift, not the plugin. I use the template Avada exclusively for WooCommerce builds and this was the case.

Thank you for your reply.

I’m using Oceanwp, and I also tried to change it on my own but was unable to (still too noob for custom codings…lol)

Will wait for your kind reply later (or your developer’s reply).

Thank you.

@allstarsft We tested the theme and now realize it is the user display side you are looking at, not the receipt or email receipt. The problem here is OceanWP theme. By default, the field labels are not formatted as bold, and by default, they are all in one line. You will need to get with a competent PHP developer and modify the themes WooCommerce template or ask the OceanWP developers to fix their CSS. Theme issues are beyond the scope of a plugin developer to support. Thanks.

Hello @allstarsft,

Most popular themes used for eComm websites have their own advanced Woo customization options and styling, including OceanWP. If someone wants to improve the templates and add more options to them (without the use of plugins), they can definitely hire a professional developer. In this case, no “CSS fixing” is necessary, and the problem is resolved with a simple code:

.product_meta .wo_productcode span {
    display: inline-block !important;
}

For applying custom styling (which could be used in the plugin to inherit the styling), they can use this code and add their own font properties and values:

.product_meta .wo_productcode span:not(.stl_codenum) {
    color: #333 !important;
    font-weight: 600 !important;
}

I hope it helps
Best Regards

@skalanter Thank you very much Shahin!