[resolved] How do I adjust the height of the slideshow? (11 posts)

  1. retray
    Posted 3 years ago #

    I'm sure it's a common question but I can't find an answer. I want to increase the height of the slideshow to accommodate deeper pictures.

    I'm happy to dig around in the code if someone can point me in the right direction.



  2. btzitney
    Posted 3 years ago #

    I'm having the same problem!

  3. Code Metic
    Posted 3 years ago #

    In the theme directory find the style.css at the line 190 you could see this.

    .slideshow-bg .slideshow, .slideshow-bg .slideshow > div {height:230px; width:970px;}

    All you have to do is change the value of height.

  4. btzitney
    Posted 3 years ago #

    Code Metric,

    That changes the size of the div, but the photo that shows up is still 225px (the default) in height.

    I believe the photos that show up in the slideshow are resized through a function.

    In header.php, you'll see the line <?php if ( has_post_thumbnail() ) {the_post_thumbnail('slide-thumb');} // 970x225 ?>

    I do not know how to change this part of it, as I'm not sure which file the resize function is in.

    If you want to look at the site I am helping my friend set up, championstreet.com, you'll see that I was able to make the div larger, but the height of the image is still 225.

  5. rakesh.oantree
    Posted 3 years ago #

    Codec Metric,


    i have the same problem http://neurotherapycentrejaipur.com/

    i want to increase the image size

    how can it possible?

  6. Code Metic
    Posted 3 years ago #

    First of all, I dont have an access of your theme. All i can do is to modify your styling as much as possible. Digging into your responsibility is not my responsibility. But still i need to help you. Time is the most important in life.

    For rakesh.oantree,
    In delicate/style.css modify line 191

    .slideshow-bg .slideshow, .slideshow-bg .slideshow > div img {
        width: 100%;
        height: 223px;
  7. rakesh.oantree
    Posted 3 years ago #

    Code Metic

    This is not solution of my problem

    i want to increase the size of image not slider.

    After using .slideshow-bg .slideshow, .slideshow-bg .slideshow > div img {
    width: 100%;
    height: 223px;
    image get stretched.looking very bad.

    So give me appropriate answer

    website link:-http://neurotherapycentrejaipur.com

    i want slider like this championstreet.com

  8. Andrew
    Forum moderator
    Posted 3 years ago #


    If you create your own thread depicting the issue, you're more likely to receive interest and help from other forum users.

  9. btzitney
    Posted 3 years ago #

    It looks like this line of code in header.php resizes the image:

    <?php if ( has_post_thumbnail() ) {the_post_thumbnail('slide-thumb');} // 970x225 ?>

    To keep it from resizing, I deleted 'slide-thumb', which will make it so that the image is displayed at full size.

    If you make all of your slider images 970px in width and a uniform height and then edit the surrounding div accordingly as Code Metric instructed, this should serve as a workaround. It worked for me, at least.

  10. nattywp
    Theme Author

    Posted 2 years ago #

    New version 3.5.4 allows you to change slideshow width and height. Main theme layout will be automatically adjusted.


  11. Mitemd
    Posted 2 years ago #

    Where can I find the option to change the slideshow height? Is it under "Theme Options/ Front Page Settings"? If yes, then it doesn't work. No matter what pixel amount I put in, the size doesn't change.

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic