Docs

[Lobsterass]

Hola rockstars!

Is it possible to make each category clickable individually in The Grid? I would like to see only the FOTO items when I click FOTO (please see image). Now, I get both FOTO and TRYCKSAK items when I click either one of them.

http://dev.monroedesign.se/portfolio/

<3

[Rupok]

Hi there,

I have tested and I can see they are individually clickable. Let’s check this screencast – http://recordit.co/JN0FUx2f8Y

Notice the URL at the very bottom right of the page where URL shows.

Cheers!

[Lobsterass]

Hola!

You are right! Is there a way of making the hover effect just act on the specific category being hovered?

<3

[Nabeel A]

Hi again,

Please add the following code in your Customizer:

span.tg-cats-holder.category:hover {
    color: #4c30e8 !important;
}
span.tg-cats-holder.category {
    transition: none !important;
}

Let us know how this goes!

[Lobsterass]

Hola!

Thanx. That doesn’t make each category show in hover color individually, though. Is it because it’s a custom skin (and me messing something up in it)?

It works correctly in this demo: http://theme-one.com/the-grid/honiara/

<3

[Rupok]

Hi there,

It could be related to your skin or settings because on your current one, the categories are showing within a single anchor tag and it’s not same as my screencast anymore. Please check your skin settings.

Thanks!

[Lobsterass]

Hola!

I don’t get what you mean. I have removed the css now. The attached images show my setting for my skin. What should be changed in there?

<3

[Lely]

Hi There,

Thank you for the screenshots and based on that, the settings seems correct. The category is linking properly on my test site with the same settings. Do you have a caching plugin or caching service on your hosting. If yes, please try to delete cache and then try again. If not, please share your admin credentials on a private reply so we can check further.

[Lobsterass]

This reply has been marked as private.

[Lely]

Hi There,

Thank you for the credentials. I tried to check and the category is getting the correct link already. See this:http://screencast-o-matic.com/watch/cD6qexjkfu. Please confirm.

[Lobsterass]

Hi!

No, I would like the categories to show hover effect individually, like in the demos on The Grid. That is, When an item belongs to more categories than one, I would like only the hovered category to show the turquoise colored hover effect.

Currently, if I hover only WEBB category in the attached image, ALL categories turn turquoise. I want only WEBB to be turquoise and E_HANDEL and FOTO still grey.

<3

[Lely]

Hi There,

Thank you for the clarification. Go to that specific element .tg-element-2 hover state and clear turquoise colored hover effect. See attached screenshot. That settings on the grid skin builder added it as block for both of categories. We can use custom CSS instead.

Then add this custom CSS on Appearance > Customize > Custom > Edit Global CSS:

.tg-port .tg-element-2 .portfolio-category:hover {
    color: #59c3c4 !important;
}

Hope this helps.

[Lobsterass]

YES! Great! Worked perfectly. Thank you SO much!

<3

[Rahul]

Glad we were able to help you out!

Let us know if we can help with anything else.

Thanks for using the X-theme.

[Author]

Posts