Tagged: ,

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • May 20, 2014 at 5:27 pm #267406
    smclean

    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

    May 20, 2014 at 8:08 pm #267509
    Josue

    Hi Smclean,

    Can you post a link to your website please?

    Regards,
    Josue

    May 20, 2014 at 8:39 pm #267522
    smclean
    This reply has been marked as private.
    May 20, 2014 at 8:46 pm #267528
    Josue

    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

    May 20, 2014 at 11:20 pm #267680
    smclean

    Thanks Josue,
    I will try that.

    • This reply was modified 10 years, 9 months ago by smclean.
    May 20, 2014 at 11:24 pm #267684
    Josue

    Child theme functions.php, at the end.

    Best regards,
    Josue

    May 20, 2014 at 11:49 pm #267705
    smclean

    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.

    May 21, 2014 at 12:07 am #267709
    Josue

    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

    May 21, 2014 at 1:59 am #267734
    smclean

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

    May 21, 2014 at 2:12 am #267735
    Josue

    You are welcome, glad we could help :)

    Regards,
    Josue

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