The Grid - Changing Title Colors

Support
#1

I’m using the The Grid to use with post types.

I have a dark color scheme and want to make the title white, but the even when I select the title to be white it makes it a grey.

I’ve tried using custom css to make it white, but then when the bottom of the grid is hover over it stays white, just like the background.

How can I make the text white and then when the bottom section is hovered over make it black?

url is private note;

#2

Hi there,

You seem to have missed providing the URL of the site in question.

Kindly provide us with your site’s URL so that we could check it.

Thank you.

#3

Apologies, just send now.

#4

Hi @designandstuff,

You need to change the colors in the skin builder.

For idle state

Hover state

For more information kindly refer to the link below

https://theme-one.com/docs/the-grid/#skin_builder

Hope that helps.

#5

Hi there,

Thanks for the reply. Yes I am aware of this and tried that already. However this doesn’t help my situation.

Title is meant to be White > hover to black
Bottom content Black > Hover to white

But if I set as per what you suggested if the background is hovered my title disappears unless it specifically is hovered on itself then it will change to black.

Is there any css that could be applied to it in it’s normal state to be white and then when the bottom content section is hovered on then it performs as per the skin styling?

#6

Hey @designandstuff,

This is only possible using custom CSS. Please just note that custom coding is outside the scope of our support. I’ll show you the code but this if you encounter issue with this in the future or if you will need further enhancement, you will need to consult with a third party developer.

Here’s the code that should be inserted in your Grid’s custom CSS.

.tg-item-inner .tg-item-title {
    color: white !important;
}

.tg-item-content-holder:hover .tg-item-title,
.tg-item-title:hover {
    color: black !important;
}

Hope that helps and thank you for understanding.

#7

Thanks so much, that’s fantastic.

Totally understand regards future potential issues and being outside your scope.

Thanks

#8

Thanks for understanding and glad we were able to help :slight_smile:

#9

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