• Hi,

    I am hoping to shorten my slider at the top of the theme. I’ve tried toying with these codes in my Custom Css plugin to no avail:
    }

    body { font-size: 115%; }

    #slider-wrapper .flexslider {
    height: 100px;
    overflow: hidden;
    }

    /*Slider size*/
    .carousel .item {
    line-height: 100px;
    overflow: hidden;
    min-height: 100px;
    }

    Does anyone else have any suggestions to shorten the height?

    Many thanks!

Viewing 4 replies - 1 through 4 (of 4 total)
  • Theme Author duena_studio

    (@duena_studio)

    Hi
    slider’s height calculates automatically by JavaScript. You can change your code to

    #slider-wrapper .flexslider {
      height: 100px !important;
      overflow: hidden;
    }

    It’s not the best practice but easiest way and it must work

    Thread Starter esensky

    (@esensky)

    Thank you so much, that worked!

    I have a follow-up question. Now that I’ve shortened the height, naturally my pictures are cutting off instead of adjusting to the new frame. Do you know the best way to adjust my featured images so that they fit the new slider size rather than being cut off in an awkward place?

    Thanks,

    Elizabeth

    Theme Author duena_studio

    (@duena_studio)

    It will be little harder.
    First of all you need to create your own Child Theme for Duena (you can find tutorial on Codex or get Child theme example for Duena here)
    Then:
    – If you use child theme from example – open file functions.php and add here next code:

    function duena_child_slider_thumb_size($sizes) {
    	// Set any value you want and regenerate thumbnail
    	$sizes['slider-post-thumbnail']['height'] = 100;
    	return $sizes;
    }
    add_filter( 'intermediate_image_sizes_advanced', 'duena_child_slider_thumb_size' );

    – If you create own child theme – create in child theme’s directory file functions.php and add here next code:

    <?php
    /**
     * duena child theme function
     */
    
    function duena_child_slider_thumb_size($sizes) {
    
    	// Set any value you want and regenerate thumbnail
    	$sizes['slider-post-thumbnail']['height'] = 100;
    
    	return $sizes;
    }
    
    add_filter( 'intermediate_image_sizes_advanced', 'duena_child_slider_thumb_size' );
    
    ?>

    To resize already existing images you need to regenerate your images with plugin Regenerate Thumbnails

    Thread Starter esensky

    (@esensky)

    Hi,

    I tried adding the Child theme example but when I uploaded it to the new themes directory, I got this message; “The following themes are installed but incomplete. Themes must have a stylesheet and a template.

    Name Description
    Duena-Child The parent theme is missing. Please install the “Duena” parent theme.”

    Sorry in advance for my ignorance, but if I already have the Duena theme installed, isn’t this the parent theme?

    I’d love some help!

    Thanks,

    Elizabeth

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Shortening Top Slider-Duena’ is closed to new replies.