Docs

[Alejandro Jose S]

Hello, i’d like to know how can i get the arrows outside of the grid content? i tried adding padding, margins (positive and negative) with no positive results.

I suppose it has to overflow the grid container to actually BE outside of the grid content so i thought that was the way to go. i can’t seem to find the correct class that handles the navigation arrow, though, so could you please tell me which one is it?

I just want to add a: overflow-x:visible; property to the arrows so they overflow the grid container, thus achieving what i want.

Thanks in advance for the help

[Alejandro Jose S]

This reply has been marked as private.

[Rad]

Hi there,

Thanks for writing in.

It’s inside the container that has clipping (overflow:hidden), positioning it outside the clip will make it hidden. Removing the clipping will of course, display all other elements that meant to be hidden.

Try Essential Grid instead 🙂

Thanks!

[Alejandro Jose S]

yeah, unfortunately it was my client who told me to use this plugin instead of essential grid (i’m way more experienced with ESG than with the grid) and i actually thought i found the container and tried to change its counterpart (show) but unfortunately doesn’t work T_T, is it possible to have the right CSS? i must be targeting the wrong one :/

[Christopher]

Hi there,

The only way is to make grid overflow visible which display all other elements that meant to be hidden.

Please try this :

tg-grid-slider {
    overflow: visible !important;
}

Thanks.

[Alejandro Jose S]

I can’t believe it! that one was the first one i tried but didn’t work because of the !important.

Thank you guys, very useful as always!

P.S for the future readers: the code above is missing the starting dot that identifies “tg-grid-slider” as a CSS class (and that’s probably why it won’t work if you just copy paste it) here’s the updated code ready to be copy-pasted:

.tg-grid-slider {
    overflow: visible !important;
}

[Christian]

Hey Alejandro,

Syntax errors will make the following CSS not to work so the missing . is the cause.

Thanks.

[Alejandro Jose S]

Yeah i know, hehe i was referring to the code you gave me. it was missing a dot 😉

[Thai]

Glad you’ve sorted it out.

If you need anything else, please let us know 🙂

[Author]

Posts