Content Slideshow size issue

8 posts from 3 voices

• Started 5 months ago by fameadvance
• Latest reply from Dude
• This topic is resolved

Tags:

No tags yet.

1. 

   fameadvance
   Member

   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?

   Posted 5 months ago #
2. 

   Nick
   Moderator

   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

   Posted 5 months ago #
3. 

   fameadvance
   Member

   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

   Posted 5 months ago #
4. 

   Nick
   Moderator

   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

   Posted 5 months ago #
5. 

   fameadvance
   Member

   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.

   Posted 5 months ago #
6. 

   Nick
   Moderator

   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

   Posted 5 months ago #
7. 

   fameadvance
   Member

   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. :(

   Posted 5 months ago #
8. 

   Dude
   Dude

   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

   Posted 5 months ago #

RSS feed for this topic

Reply

You must log in to post.