WordPress.org

Ready to get started?Download WordPress

Forums

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

  1. retray
    Member
    Posted 1 year 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.

    Thanks!

    http://wordpress.org/extend/themes/delicate/

  2. btzitney
    Member
    Posted 1 year ago #

    I'm having the same problem!

  3. Code Metic
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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
    Member
    Posted 1 year ago #

    Codec Metric,

    btzitney,

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

    i want to increase the image size

    how can it possible?

  6. Code Metic
    Member
    Posted 1 year 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
    Member
    Posted 1 year 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 Nevins
    Spam zapper & Volunteer Moderator
    Posted 1 year ago #

    Rakesh.oantree,

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

  9. btzitney
    Member
    Posted 1 year 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
    Member
    Theme Author

    Posted 1 year ago #

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

    Cheers,
    NattyWP

  11. Mitemd
    Member
    Posted 1 year 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

Tags