Viewing 17 posts - 1 through 17 (of 17 total)
  • Author
  • #2118

    Hi there

    I think it’s fab but my client uses a smaller resolution and says that the slider on the home page is HUGE. He is insisting that the whole slider area is reduced by 75%.

    I’ve tried to find where I do that but cannot.

    Could somebody let me know how I do that?

    Thank you!!



    Which slider are you using? You can find out under Display > Frontpage Slider




    I have the same problem. I’m using the slider in INDEX.html (the 1st example of 2), and the slider is (I think) 410 px high pushing my content below it “below the fold”. I want to reduce the height to about 380px. Can I just reduce the height by removing some spacers?




    You posted the same question here for another theme: (Purchase code hidden if logged out)(Purchase code hidden if logged out)(Purchase code hidden if logged out)

    Please ask your question in the right forum. Otherwise we don’t know which theme your using.


    Sorry… your blog’s a little confusing in that I’m writing RE: Leviation, but when i searched “slider” from the LEVITATION profile, I get search results for AVISIO.

    Sorry about the confusion… feel free to move my posts to the write places.




    To change the image sizes for the slider in Levitation, open up index.php and adjust this code to the sizes you want:

    $height = '390';
    $width = '940';

    There will probably need CSS adjustment required as well, let me know if you need help (and provide site URL after changing image sizes).



    Hi James,

    Thanks for the quick response but:

    – Levitation (HTML version) does not have an Index.php (only Index.html)

    – I couldn’t find either strings in the entire website.

    Have I misunderstood something?




    I don’t have the html version of Levitation (I would need to request it from Kriesi first) but I’m sure the values “390” and “940” can be found in your theme files..Because the strings above are used for php generation you won’t find them in the html version.


    Hi there,

    I’ve checked the whole HTML version of the site and 390 doesn’t exist at all, 940 exists in STYLE.CSS a few times. I’d really like to get on top of this… any chance you could speak to Kriesi? I know a few people find the slider too big, pushing important H1 headers below the fold…

    Can I email or upload the template to you?




    I’ll request it from Kriesi. Please hold the line… :D



    to decrease the slider height you need to modify the images (so you need to decrease their height from 390px to a lower value) and you need to change following css code in style.css:

    clear: both;
    position: relative;

    Change the value of “height” to a lower value – you can choose any value you like.

    Example – if you want to decrease the height to 380px you need to generate images with the dimensions 940×360 and change the css code like:

    clear: both;
    position: relative;


    hey all,

    thanks for taking the extra time and care!



    Glad that I could help you.


    When I change in the css to 220px height, the slider images shrink to the new height. However, I get akward black disturbing shades above and under the slider images. Is there anything else I need to change?

    Example can be found here:



    you need to resize the shadow background image. Open up the psd file which comes with your theme (avisio.psd), resize and export the shadow layer. Afterwards replace the shadow image under images/skin1/bg_shadow.png

    You can also remove the shadow by deleting following code in style1.css:

    .wrapper_shadow .center{
    background: transparent url("../images/skin1/bg_shadow.png") no-repeat center center;


    Thanks Dude!

    That made it all look neat again. Excellent speedy support. And I really do love the Avisio theme!

    All the best! :)


    Glad that I could help you :)

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

The topic ‘How can I resize the slider area to be smaller (not 940×420 but less?)’ is closed to new replies.