Return to previous page

Words are inappropriately breaking in product review comments

This topic has 3 replies, 2 voices, and was last updated 4 years, 5 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

Plumbing Store – WordPress WooCommerce Theme

lazy-placeholder

Architecture – WordPress Theme

lazy-placeholder

Boxed Store – WooCommerce Theme

lazy-placeholder

Classic Fashion Store – WordPress WooCommerce Theme

lazy-placeholder

Rental Car – WordPress WooCommerce Theme

lazy-placeholder

Underwear Store – WordPress WooCommerce Theme

lazy-placeholder

Electronic Mega Market – WordPress WooCommerce Theme

lazy-placeholder

WooPress – Responsive Creative HTML5 Template

lazy-placeholder

Furniture Store 03 – WordPress WooCommerce Theme

lazy-placeholder

Classic Fashion Store (Dark) – 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.