Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #685461

    I have the Title text set up vertically on the accordion slider, and would like to show the title at all times.
    The problem i am having is that it also shows the “caption” text as well – which makes it look funky being half cut off. How would I set it up so that the caption text content only shows up on-hover, and then goes back to zero alpha when all sections are collapsed?

    thanks!

    #686162

    Hey jomo5280,

    Could you post a link to the site in question so that we can take a closer look please?

    Thanks,
    Rikard

    #686472

    Ok, I have posted the link in the Private Content Field.
    Also, while look at my issue with the Titles – can you see how i would turn those on in mobile responsive view as well? as they are off by default.

    Thank you!

    #688642

    Hey!

    Try adding this code to General Styling > Quick CSS:

    #top .aviaccordion-title-on-hover .aviaccordion-preview {
        opacity: 1;
        filter: alpha(opacity=1);
    }
    
    #top .aviaccordion-title-on-hover .aviaccordion-preview .aviaccordion-excerpt{
        opacity: 0;
        filter: alpha(opacity=0);
    }
    #top .aviaccordion-title-on-hover .aviaccordion-active-slide .aviaccordion-preview .aviaccordion-excerpt{
        opacity: 1;
        filter: alpha(opacity=1);
        
    }
    
    #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);
        transition: 		all 0.7s cubic-bezier(0.230, 1.000, 0.320, 1.000);
    }
    

    Cheers! 
    Josue

    #689984

    Perfect!
    thanks you so much!

    #690091

    You are welcome, glad to help :)

    Regards,
    Josue

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.