Rotate Products - Women / change color of h4

GK User
Wed Sep 09, 2015 12:53 pm
Dear Team,
in the demo https://demo.gavick.com/joomla25/storefront/
you can see that in the "woman" menu item that shows product in randomly (associated to the module "Rotate Products - Women ").
Well I need just to change color to the title ( h4 ) in red. I would like that every product will show own title in red.
Can you please provide me the right css?
Best,
Marco
User avatar
Expert Boarder

GK User
Wed Sep 09, 2015 1:41 pm
I'm having issues understanding - there is a promo product with "Read more" button that is red. What exactly should become red? Maybe a screenshot with marked elements might help?
User avatar
Moderator

GK User
Thu Sep 10, 2015 11:09 am
Hi Ciberek,

for sure, I uploaded a screenshot.

Best,

Roberto
User avatar
Expert Boarder

GK User
Mon Sep 14, 2015 5:37 pm
Please edit: /templates/gk_storefront/css/override.css and add at its end:
Code: Select all
.gkMenu > ul li div.childcontent a {
    color: #777;
}
.gkMenu > ul li div.childcontent a:hover {
    color: #e81f00!important;
}

First color is default one, second one is hover. Please modify them to your liking.

Remember to enable "CSS override" in template settings - advanced section.
User avatar
Moderator

GK User
Mon Sep 14, 2015 6:29 pm
Hi Ciberek,

Maybe I was not enought clear. I need to change color only to that specific menu item showed in the picture.
The problem is that that title depend upon the module "Rotate Products - Women .
For the other menu item I just need to add in override.css the following:
#menu849 { color:#F00 !important; }

But this is not working with that title because it has not an id!!!
Please check it with firebug in your demo version and try to change only that,
thanks,
Roberto
User avatar
Expert Boarder

GK User
Mon Sep 14, 2015 7:21 pm
Code: Select all
#gkExtraMenu > .gkmenu > li:nth-child(3) > .childcontent .gkcol:last-child a {
    color: red;
}
#gkExtraMenu > .gkmenu > li:nth-child(3) > .childcontent .gkcol:last-child a:hover {
    color: blue!important;
}

select main menu item by modifying "3" value.
User avatar
Moderator

GK User
Tue Sep 15, 2015 2:22 pm
Hi Cyberek,

I got the goal finally adding this style to override.css,
.gkMenu .nspArt h4.nspHeader a {
text-decoration: underline;
font-style:italic !important;
}

Best,

Rob
User avatar
Expert Boarder

GK User
Fri Sep 18, 2015 1:53 pm
Ok, I thought you would like to do it with only one menu item.
Is there anything else I can help you with regarding this topic?
User avatar
Moderator


cron