Return to previous page

Words are inappropriately breaking in product review comments

This topic has 3 replies, 2 voices, and was last updated 5 years, 1 months ago ago by Rose Tyler

Grego

Participant

November 2, 2019 at 23:12

What code would I use and where would I add it to prevent words from inappropriately breaking in product review comments?

#224213 Copied Theme version: 5.6 WooCommerce version: 3.6.5

2 Answers

Grego

Participant

November 2, 2019 at 23:37

Resolved! I poked around w3schools.com a bit more and then applied “word-break: normal;” to the CSS after identifying the appropriate area using the inspect feature in Chrome.

/*This fixes words in product reviews from inappropriately breaking*/
.commentlist .description p {
margin-bottom: .75em;
word-break: normal;
}

#224214 Copied

Rose Tyler

Support staff

November 3, 2019 at 09:15

Hello,

I am glad that you sorted out.
This CSS code should be added in Theme Options > Custom CSS or in style.css file of child theme.

Regards

#224219 Copied
Viewing 3 results - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Meeting – WordPress Theme

lazy-placeholder

Marseille 02 – WordPress WooCommerce Theme

lazy-placeholder

Ecoenergy – WordPress WooCommerce Theme

lazy-placeholder

Beauty – WooCommerce Theme

lazy-placeholder

Coffee Store – WooCommerce Theme

lazy-placeholder

Business 02 – WordPress WooCommerce Theme

lazy-placeholder

Pet Shop – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.