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
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
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
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.
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
Thanx!
Which file can i change that in ?
Regards
Paul L.
Hello,
You can add Devin's snippet on your custom.css located on your css folder.
Regards,
Ismael
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!
Hello,
That's what the snippet will do. Change the height to 223px.
Regards,
Ismael
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.
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
That worked, but messed up the recent blog posts on the front page.
see
http://paullindqvist.se/test2/
Regards
Paul L.
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
OK that fixed the recent post on the frontpage, how do i prevent the stretching of blog head images ?
Regards
Paul L.
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
Thanx!
Hi Paul,
Glad that we could help you. :)
Cheers,
Ismael
This topic has been closed to new replies.