How to change the bullet point on the product page

Dear Xtemos,

On the product page short description section, I have put in the bullet dot for product features but then the product page come out like an arrow to the right. Can you please let me know how to change it back to the buillet?

Many thx,
Ray

Hello,

Please provide your product page URL if your site is under maintenance, please provide also site admin access to the private area

Best Regards

Dear Elise,

Please see details below.

Many thx for your quick response!

Ray

Hello,

Please add this code to the Theme Settings > Custom CSS:

.woocommerce-product-details__short-description ul li:before {
    display: none;
}
.woocommerce-product-details__short-description ul li {
    list-style: disc!important;
}

Best Regards

Dear Elise,

Thx for the quick response but it seems like there is a problem with the 5th line of the code, can you please kindly look further into it.

list-style: disc!important;

Many thx!
Ray

Hello,

Add this code:

body .woocommerce-product-details__short-description>ul>li{
	list-style: disc;
}

Best Regards

Dear Elise,

That works PERFECTLY!!!!

Many thx,
Ray

You are welcome! If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts