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

    High, I have changed the caption boxes to be vertical. I would like it to look like this site http://cmog.org, 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,
    Smclean

    #267509

    Hi Smclean,

    Can you post a link to your website please?

    Regards,
    Josue

    #267522
    This reply has been marked as private.
    #267528

    Hey!

    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(){
    	?>
    	<script>
    	   jQuery(window).load(function(){
    	       jQuery('.aviaccordion-slide-1').trigger("mouseenter")
    	   });
    	</script>
    	<?php
    }
    add_action('wp_footer', 'add_custom_script');
    

    Regards,
    Josue

    #267680

    Thanks Josue,
    I will try that.

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

    Child theme functions.php, at the end.

    Best regards,
    Josue

    #267705

    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?

    Thanks.

    #267709

    Hey!

    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.

    Cheers!
    Josue

    #267734

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

    #267735

    You are welcome, glad we could help :)

    Regards,
    Josue

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