Sometimes in WooCommerce, the Description tab of a product page can get messed up. Like this:

 

Well, it’s a pretty simple fix with a little duct tape called CSS.

All you need to do is update the main CSS file of your theme. Lots of themes have a spot where you can paste in additional CSS code – it’s totally cool to do this within your WordPress dashboard.

Here’s the code:

.woocommerce div.product .woocommerce-tabs ul.tabs .description_tab {

margin-left: 1px !important;

}

 

That’s it, pretty simple yeah? Refresh your product page and you should see it look like this:

 

 

Good luck!

Comments

comments

Get access to the Webcore mailing list, which includes exclusive news and information available only to our clients and friends!

Get access to the Webcore mailing list, which includes exclusive news and information available only to our clients and friends!

Get tips about how to grow your business online; learn how to reach more people; find out how promote your business or non-profit more effectively in the online world. 

You did it! And we hope you'll be oh so glad you did.

Share This

Share This

Share this post with your friends!