Tagged: , ,

Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #13787

    Hi!

    Iv made a dynamic template for the homepage, first element on it is a slider. How can i change the height of the slider ?

    Thanx

    #80600

    Hi paullindqvist,

    The slideshow should adapt to the height of your images. They are set to the size in the functions.php file for the imgSize “featured”. You’ll need to change the size there then re-save that file onto your server. Then regenerate the image you’ve already uploaded with: http://wordpress.org/extend/plugins/regenerate-thumbnails/

    Regards,

    Devin

    #80601

    Hi Devin!

    Thanx!

    To get the slideshow to start @ the set height (instead of adjusting when the first image loads) i changed the slideshow CSS file to the same height i set in the functions.php file. That won’t break anything else i hope ?

    Is there a similar way to change the blog “header images” height ?

    Regards

    Paul L.

    #80602

    Hi Paul,

    Nope, that should work fine.

    You can edit the blog slideshow height with:

    #top .template-blog .slideshow, #top .template-page .slideshow {
    height: 223px;
    }

    Regards,

    Devin

    #80603

    Thanx!

    Which file can i change that in ?

    Regards

    Paul L.

    #80604

    Hello,

    You can add Devin’s snippet on your custom.css located on your css folder.

    Regards,

    Ismael

    #80605

    I added that line, but it didn’t change anything ? My blog header image is still 223px high ?

    Do i have to do something more ? (i tried regenerate thumbnails as well)

    Thanx!

    #80606

    Hello,

    That’s what the snippet will do. Change the height to 223px.

    Regards,

    Ismael

    #80607

    Im not sure i explained it correctly.. on the blog page i want the images to be higher instead of 223px so i put in a value of 350px (i.e) but i makes no difference.

    The image over each blog post, see the link below.

    http://paullindqvist.se/test2/?page_id=10

    Regards

    Paul L.

    #80608

    Hello,

    Try this one.

    #top .template-blog .slideshow, #top .template-page .slideshow {
    height: 350px!important;
    }

    #top .slideshow li img {
    width: 100%;
    height: 350px!important;
    }

    Regards,

    Ismael

    #80609

    That worked, but messed up the recent blog posts on the front page.

    see

    http://paullindqvist.se/test2/

    Regards

    Paul L.

    #80610

    Hello,

    Add .blog

    #top.blog .template-blog .slideshow, #top .template-page .slideshow {
    height: 350px!important;
    }

    #top.blog .slideshow li img {
    width: 100%;
    height: 350px!important;
    }

    Regards,

    Ismael

    #80611

    OK that fixed the recent post on the frontpage, how do i prevent the stretching of blog head images ?

    Regards

    Paul L.

    #80612

    Hi Paul,

    You might need to change the image sizes that the theme creates when you upload new images by changing the following line in your functions.php file:

    $avia_config['imgSize']['post-format-image'] = array('width'=>630, 'height'=>999, 'crop'=>false); // big images for post format image

    Change the height value to the new height you are forcing the slideshow to and set crop true. Then save the file back on the server and your new images you upload will be saved to that size. If you want your old posts to use these settings, you’ll need to use: http://wordpress.org/extend/plugins/regenerate-thumbnails/

    Regards,

    Devin

    #80613

    Thanx!

    #80614

    Hi Paul,

    Glad that we could help you. :)

    Cheers,

    Ismael

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

The topic ‘slideshow height’ is closed to new replies.