Word breaks and line breaks — words broken

Hi E.T.,

Thanks for your message. I will be happy to help.

You can use shift + enter on the keyboard to make long words go to the next line. Or, you can add the CSS property “word-break: break-word !important;” to the areas in question.

If you need help with the CSS, please get back to me with a link to your table on your site and I can recommend the required CSS.

All the best.

Thank you for the reply – here’s a link:

https://eranthomson.com/folio-review-comparison/

Hi E.T.,

Thanks for your reply.

Can you try this custom CSS, please?

div.fca-ept-layout2 .fca-ept-button,div.fca-ept-layout2 li,div.fca-ept-layout2 span {
word-break: break-word !important;
}

Does your theme allow you to add custom CSS? Or, you can use a custom CSS plugin to easily add custom CSS.

If there is any other issues, don’t hesitate to let me know.

All the best.

Thank you – that fixed it – I’m curious: why isn’t this coded in by default?

• This reply was modified 1 year, 5 months ago by E.T..

Hi E.T.,

Thanks for your reply. Happy to hear that helped.

The plan is to have that updated during the next plugin update.

If there is anything else I can help with, don’t hesitate to let me know.

All the best and have a good weekend.

Is there a way to remove the black underline below the buttons on hover?

https://eranthomson.com/folio-review-comparison/

Hi E.T.,

Good question. I think this black underline is originating from the theme?

You can try this CSS below –
div.fca-ept-layout2 a.fca-ept-button:after {
border-bottom: none !important;
}

I would recommend after adding that CSS above, to look over other parts of your site to ensure the buttons added by the theme still look correct.

If there is any other issues, don’t hesitate to let me know.

All the best.

Thank you – appreciate the quick replies.

You’re welcome.

Have a good weekend.