Docs

[Rehngruppen]

Hello! I’m currently creating a custom skin for “The grid” and I cannot get the terms/catoegories text to have each categories color, even though i have the option ticked in. It does work with the built in skins so i know i have set up the categories right, but for som reason when i build my own skin the just becom grey. I’ve been looking into the css and com to the conclusion that it’s because of a css rule that applies an “inherit !important” to the color of all “tg-element-” why is this happening?

[Christian]

Hey there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thanks.

[Rehngruppen]

This reply has been marked as private.

[Christian]

The Grid uses a color scheme system to automatically apply colors for the overlay background, content background and text colors.

The skin builder will preserve this color scheme system which can be setup for each grid and in the global settings.

However, if you want to override a color inside a skin, you can add an important rule thanks to the exclamation point icon (!).

See attachment.

[Rehngruppen]

Yes but i want the tags to display thier own color, wich i have set in the categories.
If i choose a built-in skin to my grid, say Kampala, the tags display thier own color. But if i build my own, this css rule applies all of a sudden wich i cannot disable..

[Rehngruppen]

Basically, i just want that !important tag off the so that each element can use its own element.Style attribute. Is there a way to do that?

[Christian]

Even removing that !important rule, that will not work still because it’s still part of the tg-element which is causes the issue. This is most probably a bug in The Grid so I’ve added this custom script to your grid to make it work.

jQuery(".tg-cats-holder").removeClass (function (index, css) {
    return (css.match (/\btg-element-\S+/g) || []).join(' ');
});

Hope that helps. 🙂

[Rehngruppen]

Ok, I have the script in place but it doesn’t work anyway.

[Paul R]

Hi,

It seems to be working fine on my end.

http://screencast.com/t/3Oyq0kogF

Please clear your browser cache and check again.

Thanks

[Rehngruppen]

That is not a custom skin but the built in skin “Maren” that i then apply custom css to remove stuff that i dont want, But i really want to create a custom one. Until this issue is resolved i have to do this hack, but i want it to work with a custom skin first.

[Christian]

I replaced the code with

jQuery('.tg-cats-holder').attr('class', function(i, c) {
	return c.replace(/(^|\s)tg-element-\S+/g, '');
});

and placed it in Appearance > Customize > Custom > Global Javascript

Check the attachment to see that it works.

It even works in your NewsGridTest grid. To be available in preview, you need to add the script in the Grids CSS/JS.

If this still doesn’t work on your end, please hire a web developer to investigate what makes this code not to work on your end as I’ve already tested this several times and it works on my end.

This is a bug in the Grid plugin and it could not be addressed immediately. Please stay tuned for updates.

Thanks.

[Rehngruppen]

Ok, is there some way to be notified when this bug is fixed?

[Rahul]

Hey There,

You can follow our ChangeLog section where you will be updated with latest changes made to the Theme and the associated plugins :

https://theme.co/changelog/

Thanks!

[Author]

Posts