Tagged: accordion slider, description, slider, title
I would like to “mix” the 2 options from the Accordion Slider:
Show the Titles when all sliders are inactive and show both Title and Excerpt when they are active.
Link: http://amandru.com.br/teste-2/
This is going ok, but I need to show the title when the slides are inactive too. Is it possible?
Hi,
Open css/shortcodes.css and look for lines
#top .aviaccordion-title-on-hover .aviaccordion-preview{opacity: 0; filter:alpha(opacity=0); text-align: center;}
#top .aviaccordion-title-on-hover .aviaccordion-active-slide .aviaccordion-preview{opacity: 1; filter:alpha(opacity=100);}
#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview{
-webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
-moz-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
Replace it by this:
#top .aviaccordion-title-on-hover .aviaccordion-preview .aviaccordion-excerpt{opacity: 0; filter:alpha(opacity=0); text-align: center;}
#top .aviaccordion-title-on-hover .aviaccordion-active-slide .aviaccordion-preview .aviaccordion-excerpt{opacity: 1; filter:alpha(opacity=100);}
#top .aviaccordion.av-animation-active .aviaccordion-slide, #top .aviaccordion-title-on-hover .aviaccordion-preview .aviaccordion-excerpt{
-webkit-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
-moz-transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
transition: all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
}
Regards,
Josue
Worked like a charm!
Thanks!