Rainbow style change colour

Posted in: Newspaper
Post count: 7
bahamen
#187245
Aug 6, 2017 at 12:58 pm

Hello there,

I was wondering if it was possible to change (big grid 3) grid style 7 – Rainbow colour to none and it’s hover colour to yellow.

My website: 4×4.rubiq.cz

  • This topic was modified 9 years by bahamen.
Post count: 20688
Simion C.
#187414
Aug 7, 2017 at 1:35 pm

Hi,

That would be possible with some custom CSS. Try a code like the one provided below. The grid will look like this in after adding the code
– https://www.screencast.com/t/PeP6iI8u
And like this when hovered
– https://www.screencast.com/t/1xct16btt
The code must be entered in Theme panel->Custom CSS if you decide to use it

.td-grid-style-7 .td-big-grid-post .td-module-thumb a:last-child:before {
background: none;
}
.td-grid-style-7 .td-big-grid-post .td-module-thumb:hover a:last-child:before {
background: yellow;
}

Thanks

Post count: 7
bahamen
#187419
Aug 7, 2017 at 2:00 pm

Hi @SimionC.

Thanks! It worked, but on the last two blocks it still shows the rainbow colour. Any idea how to get rid of that or is that only on my end? I tried clearing caches etc.

– https://prnt.sc/g5d8gc

  • This reply was modified 9 years by bahamen.
Post count: 20688
Simion C.
#187571
Aug 8, 2017 at 9:25 am

Hi,

It seems I tested on a different grid, sorry about that. Try adding !important in the code like this and it should work fine
– https://www.screencast.com/t/LsNDrtsedo
– https://www.screencast.com/t/Uq0A9jcJAM

Thanks

Post count: 7
bahamen
#187644
Aug 8, 2017 at 12:20 pm

Thanks! Works like a charm 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
The forum ‘Newspaper’ is closed to new topics and replies.