You are here: Home 
Support Forums JEvents (Free Forums) JEvents (Free Access) responsive view not correct JEvents Version 3.6.23
Support Forums JEvents (Free Forums) JEvents (Free Access) responsive view not correct JEvents Version 3.6.23
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
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!
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
JEvents Club members can get priority forum support at the Support Forum. As well as access to a variety of custom JEvents addons and benefits. Join the JEvents club today!Join the JEvents club today!
- 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.