Remove hyphenation in Grid

[jenwattsdesign]

Hi there,

I am using The Grid plugin on this page http://www.educateandcelebrate.org/stg_6db93/test/ but am getting unwanted hyphenation on both the title and excerpt. I’ve looked through the forum already and found the following code:

.tg-item .tg-cats-holder *,
.tg-item .tg-item-excerpt,
.tg-item .tg-item-title,
.tg-item .tg-item-title a {
word-wrap: normal !important;
word-break: keep-all;
hyphens: none;
}

Which I have added to the X theme CSS customiser, but it has no effect. If anyone could help that would be great!
Thanks, Jen

[paul.r]

Hi Jen,

I checked the page and it seems you have change the grid skin already as it doesn’t show an excerpt anymore and I don’t see any hyphenated title. Please let us know if you still need help on this.

Thank you!

[jenwattsdesign]

Hi there, apologies I was trying things then forgot to revert! If you visit the same page now you’ll see it has both post title and excerpt and both are still hyphenation. Thanks for looking into this

[ruenel]

Hello Jen,

To remove the hyphenation, please make use of this code instead:

.tg-item .tg-cats-holder *, .tg-item .tg-item-excerpt, .tg-item .tg-item-title, .tg-item .tg-item-title a {
    word-wrap: normal;
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
}

We would love to know if this has worked for you. Thank you.

[jenwattsdesign]

You are an actual genius!! Worked perfectly, thanks so much

[nabeel]

Glad we could help.

Cheers!