Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #18242

    I am trying to recreate the fade slider as seen here http://www.kriesi.at/themedemo/?theme=avisio on the advance shortcodes page

    I can get the slider to work but i have a size issue. Im not able to set the height in my shortcode. It seems to want to default to a square size. Any ideas?

    #98727

    Hi,

    On the page you mentioned, this is the css code that controls the dimensions of the slider

    #top .medium_sized_slider, #top .medium_sized_slider .featured {
    width: 576px;
    height: 260px;
    }

    Just play with the above values and see if it makes a difference. You can add it to your custom.css file

    Thanks,

    Nick

    #98728

    Brillant that worked perfectly, but how can i set this slider to automatically scroll between images?

    Also what happens if i want 2 sliders on 2 different pages with different sized images.

    Thnks

    #98729

    Hi,

    You can use CSS to target different screen sizes for blocks of pages or specific pages using the classes found in the html body tag.

    Open up a page in your website and view source and look for some class in the body tag that is unique to that page. lets say its class called page-id-225

    you would add another css block as above but make it look like

    #top.page-id-225 .medium_sized_slider, #top.page-id-225 .medium_sized_slider .featured {
    width: 576px;
    height: 260px;
    }

    I am not sure I understand you question about the slider automatically sliding. That should be happening anyways, because as my grandpa always said, a slider that don’t slide ain’t worth a half penny. ;)

    Please explain.

    Thanks,

    Nick

    #98730

    Brilliant thanks for your answer.

    Course your grandpa was right, unfortunately mine isnt sliding automatically only when i press the little buttons do the images change.

    I’ll try updating that javascript file. which one is it?

    Final question before i bow out and leave you in peace. Suppose i want to have a slider on a page and on a sidebar. What the code i would use for an additional slider in the sidebar?

    Thanks Nick. You’re a star Moderator.

    #98731

    Hi,

    Take a look here. I would install Enhanced Text Widget http://wordpress.org/extend/plugins/enhanced-text-widget/ which allows you to run php/javascript from inside the widget.

    Then take a look at these directions, and just add them to the widget.

    http://www.kriesi.at/support/topic/avia-slider-multiple-sliders-on-a-page

    As for css, i can’t answer till there is a css structure and then i would find how its parent css classes look and create a rule based on that to define dimensions of the slider.

    Thanks,

    Nick

    #98732

    Thanks Nick, i really appreciate all your help.

    Any clues as to why my sliders are sliding automatically (not the homepage version, but the smaller ones on each page). Seems i have to press the little buttons to get the image to change. :(

    #98733

    Hey!

    Please read the theme documentation (online version: http://www.kriesi.at/docs/avisio/#b11 ). You need to add the autorotation option to your shortcode like:

    [slideshow autorotation='true' ]

    Regards,

    Peter

Viewing 8 posts - 1 through 8 (of 8 total)

The topic ‘Content Slideshow size issue’ is closed to new replies.