css override with mfp_carousel_skin_default

I have a css problem with the Joomla Adv. Related items. relating to the rule : .mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_title a
It seems I cannot override
.mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_title a {
    font-weight: 700 !important;
    font-size: 1em !important;
}
with this: 
.mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_title a {
    font-weight: 100;
    font-size: 1em;
}
I would like the background color of these module which means I also need to change the font type and colours later. I really need to be able to change this. 
Where can I do that?
4 months 2 weeks ago #1 by Elisabeth

Please Log in or Create an account to join the conversation.

  • Posted by TemplatePlazza (5195) Offline
Hiu, I think you forgot to include the !important property. So the code should be like this 
.mfp_carousel_skin_default .mfp_carousel_item .mfp_carousel_title a {
    font-weight: 100!important;
    font-size: 1em;
}
4 months 2 weeks ago #2 by TemplatePlazza

Please Log in or Create an account to join the conversation.

Powered by Kunena Forum