The grid font and exclude questions

Support
#1

Hello,

  1. With the grid addon, could it be possible for the skin font title not to be cut off in a middle of a word ?​
    It would be perfect if the entire word could go to the line. You can see example here (top right book in the categories exemple, the word catamarans is cut in half)
    I’ve tried the code in this post but it’s not working.

  2. You can see here a work and at the bottom, other same category works displayed with the grid, could it be possible to exclude the work we’re actually looking at in the grid ?

#2

Hi @Lyser,

Thanks for writing in!

  1. To resolve this, you can 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;
    word-break: normal;
}
  1. That might not be possible. You can only exclude items by manually inserting each of the item IDs. Please check out this documentation: https://theme-one.com/docs/the-grid/#source_settings

Hope this helps.

#3

Thx RueNel,
I’ve tried your code but it seems that there is no change, the word is still cut.
I’ve added a !important without success too.

#4

Hi There,

The text looks good on my end:

Could you please clear all the caches and check again?

Thanks.

#5

I have cheked on differents browsers and the results are not the same :

I have tested with this code

    .tg-item .tg-cats-holder *, 
    .tg-item .tg-item-excerpt,
    .tg-item .tg-item-title, 
    .tg-item .tg-item-title a{
    -moz-word-wrap: normal !important;
    -moz-word-break: normal !important;
 }'

Without success for firefox, do you have a idea why results are differents ? (Also i’ve desactivated fastest cache for now)

#6

Hi There,

Please try with this custom CSS instead:

.tg-item-title a {
	display: inline-block !important;
	white-space: pre-wrap !important;
	margin: 0 auto !important;
	word-wrap: break-word !important;
}

Hope it helps :slight_smile:

#7

Sorry thai, it still not working.
Do you guys have correct results on your side with firefox ? Does this issue comes from my side only ? (i’m on pc - windows 10)

#8

Hi @Lyser,

Looks like dye to hyphen styling, please add this CSS as well

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

Thanks!

#9

Aaah words are not cutted anymore !
Thx a lot :slight_smile:
(I added the !important for the code to work)

#10

Glad it’s okay now and you’re most welcome!

#11

Great!
If you need anything else we can help you with, don’t hesitate to open another thread.

#12

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.