0
Undo
Votes
Hello l want use color tabs et text color differents of colors defaults : how can do it ?
http://awesomescreenshot.com/09c66qoc32
http://awesomescreenshot.com/09c66qoc32
Hello,
This is controlled with CSS that you added from here:
https://www.jevents.net/docs/item/how-to-replicate-the-activities-tabbed-events-module
See the bit:
It's setting the color:
first-child is first tab
nth-child(2) is the second tab
where it says: active:hover:nth-child it the same principle but set to show when your mouse hovers over it.
Many thanks
Tony
This is controlled with CSS that you added from here:
https://www.jevents.net/docs/item/how-to-replicate-the-activities-tabbed-events-module
See the bit:
.moduletabs_title li:first-child background-color:#E9E944}
.moduletabs_title li:nth-child(2){background-color:#E08FE0 !important;}
.moduletabs_title li:nth-child(3){background-color:#fc0 !important;}
.moduletabs_title li:nth-child(4){background-color:#5E7DDF !important;}
.moduletabs_title li:nth-child(5){background-color:#C55B5B !important;}
.moduletabs_title li:nth-child(6){background-color:#4DB14D !important;}
.moduletabs_title li.active:hover:first-child{background-color:#E9E944 !important;}
.moduletabs_title li.active:hover:nth-child(2){background-color:#E08FE0 !important;}
.moduletabs_title li.active:hover:nth-child(3){background-color:#fc0 !important;}
.moduletabs_title li.active:hover:nth-child(4){background-color:#5E7DDF !important;}
.moduletabs_title li.active:hover:nth-child(5){background-color:#C55B5B !important;}
.moduletabs_title li.active:hover:nth-child(6){background-color:#4DB14D !important;}
It's setting the color:
first-child is first tab
nth-child(2) is the second tab
where it says: active:hover:nth-child it the same principle but set to show when your mouse hovers over it.
Many thanks
Tony
Hello,
This is controlled with CSS that you added from here:
https://www.jevents.net/docs/item/how-to-replicate-the-activities-tabbed-events-module
See the bit:
It's setting the color:
first-child is first tab
nth-child(2) is the second tab
where it says: active:hover:nth-child it the same principle but set to show when your mouse hovers over it.
Many thanks
Tony
This is controlled with CSS that you added from here:
https://www.jevents.net/docs/item/how-to-replicate-the-activities-tabbed-events-module
See the bit:
.moduletabs_title li:first-child background-color:#E9E944}
.moduletabs_title li:nth-child(2){background-color:#E08FE0 !important;}
.moduletabs_title li:nth-child(3){background-color:#fc0 !important;}
.moduletabs_title li:nth-child(4){background-color:#5E7DDF !important;}
.moduletabs_title li:nth-child(5){background-color:#C55B5B !important;}
.moduletabs_title li:nth-child(6){background-color:#4DB14D !important;}
.moduletabs_title li.active:hover:first-child{background-color:#E9E944 !important;}
.moduletabs_title li.active:hover:nth-child(2){background-color:#E08FE0 !important;}
.moduletabs_title li.active:hover:nth-child(3){background-color:#fc0 !important;}
.moduletabs_title li.active:hover:nth-child(4){background-color:#5E7DDF !important;}
.moduletabs_title li.active:hover:nth-child(5){background-color:#C55B5B !important;}
.moduletabs_title li.active:hover:nth-child(6){background-color:#4DB14D !important;}
It's setting the color:
first-child is first tab
nth-child(2) is the second tab
where it says: active:hover:nth-child it the same principle but set to show when your mouse hovers over it.
Many thanks
Tony
- Page :
- 1
There are no replies made for this post yet.
Members Area
Show your support
Unlike many Joomla calendars we do not charge to download JEvents - please show your support for this project by becoming a member of the JEvents Club Club members get access to early releases, exclusive member support forums, and Silver and Gold members can use many exciting JEvents addons
Your membership will ensure that JEvents continues to be the best events calendar for Joomla.