slideshow height « Support Forum | Kriesi.at - Wordpress Themes and HTML Templates

Support Forum » Angular

slideshow height

16 posts from 3 voices

Started 10 months ago by paullindqvist
Latest reply from Ismael
This topic is closed
This topic is resolved

Tags:

paullindqvist
Member

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

Posted 10 months ago #
Devin
Moderator

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

Posted 10 months ago #
paullindqvist
Member

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.

Posted 10 months ago #
Devin
Moderator
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
Posted 10 months ago #
paullindqvist
Member

Thanx!

Which file can i change that in ?

Regards
Paul L.

Posted 10 months ago #
Ismael
Moderator

Hello,

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

Regards,
Ismael

Posted 10 months ago #
paullindqvist
Member

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!

Posted 10 months ago #
Ismael
Moderator

Hello,

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

Regards,
Ismael

Posted 10 months ago #
paullindqvist
Member

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.

Posted 10 months ago #

Ismael
Moderator

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

Posted 10 months ago #

paullindqvist
Member

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

see

http://paullindqvist.se/test2/

Regards
Paul L.

Posted 10 months ago #

Ismael
Moderator

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

Posted 10 months ago #

paullindqvist
Member

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

Regards
Paul L.

Posted 10 months ago #
Devin
Moderator

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

Posted 10 months ago #
paullindqvist
Member

Thanx!

Posted 10 months ago #
Ismael
Moderator

Hi Paul,

Glad that we could help you. :)

Cheers,
Ismael

Posted 10 months ago #