Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
  • #267406

    High, I have changed the caption boxes to be vertical. I would like it to look like this site, however my implementation does not look like that, instead it looks like the picture enclosed. I would like to make the text larger as well. Additionally, this slider actives from mouse over movement. Is there a way to have it have a starting slider?

    My quick css includes the following code:
    #top .aviaccordion-title { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); vertical-align: bottom; }

    div .slideshow_caption h2 { font-size: 40px; }
    #top .aviaccordion-preview-title-wrap, #top .aviaccordion-preview-title-pos { height: 360px; width: 90px;}

    If you need the address of the site, I can send it.

    Kind regards,


    Hi Smclean,

    Can you post a link to your website please?


    This reply has been marked as private.


    To change the font-size, simply add the font-size property to the code you already have:

    #top .aviaccordion-title { -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); transform:rotate(90deg); vertical-align: bottom; font-size: 40px; }

    Making the first slide open on load is trickier but possible, try adding this to your theme functions.php file:

    function add_custom_script(){
    add_action('wp_footer', 'add_custom_script');



    Thanks Josue,
    I will try that.

    • This reply was modified 10 years, 1 month ago by smclean.

    Child theme functions.php, at the end.

    Best regards,


    Ok, so font size is working and i got slide 1 to display on page load. the problem i have now is that the caption blocks are not uniform in size and when you remove mouse, it does not default back to 1st slide. is there a way to correct this?




    Try adding this too:

    #top .aviaccordion-preview-title {
        max-width: 130px;
    #top .aviaccordion-title {
        position: relative;
        top: -80px;

    Opening the first accordion when the mouse leaves is possible but it would require a more complex customization and unfortunately that’s beyond the scope of the support we can offer. If you really need it try contacting a developer.



    Thanks so much for your responses. That gets me where I need for now.


    You are welcome, glad we could help :)


Viewing 10 posts - 1 through 10 (of 10 total)
  • The topic ‘Accordion Slider Caption Boxes’ is closed to new replies.