• Hi,

    I try to increase the slider height with this code from snippet:

    add_filter( ‘tc_slider_size’, ‘my_slider_size’);
    function my_slider_size() {
    $sizeinfo = array( ‘width’ => 1200 , ‘height’ => 900, ‘crop’ => false );
    return $sizeinfo;
    }

    but it didn’t work. I really need a big picture on front page, the default 500px-height is rather too small. How can I increase it?

    Thank you!

Viewing 7 replies - 1 through 7 (of 7 total)
  • You change the boxed slider size, but you’re using the full width slider in your site.

    So what you want to use?

    Thread Starter violasrose

    (@violasrose)

    Sorry, my bad. I tried the code but it didn’t work, so I put the full width just for now before I can change the slider height. I removed the full-width already. I want to use the boxed slider size.

    That code should work, but you need to upload a proper image. Take a look at what ElectricFeet says in this post:
    https://www.ads-software.com/support/topic/where-are-my-images-3?replies=13

    So, first step, upload a proper image.
    Second step, change your custom css.
    For example, about the height, this is the same also for increasing it, just set proper values.
    https://www.themesandco.com/snippet/reduce-height-slider/

    If you also want to change the width (in the snippet you posted I see a width of 1200px, by default the boxed slider width is 1170px), add this to your style.css:

    @media (min-width: 1200px){
        #customizr-slider.container {
            width: 1200px;
        }

    And remember to set properly width values for different screen width, to ensure the responsiveness.

    p.s.
    I hope you don’t mind if I tell you that you have a problem with your header. For example, in “About Us”, you can’t access to the first link in your right sidebar, that’s cause your top menu overlaps it. If you want you can try this:
    Add these two rules in your style.css

    .navbar-inner .social-block {
    display: none;
    }
    .navbar-inner .inside.site-description {
    display: none;
    }

    And remove this one:

    .navbar .nav > li > a {
    position: relative;
    top: -95px;
    }

    Wow, there is a lot to this and now I’m confused I am having the same problem as the original issue on this thread and would simply like to know how to make the picture on the slider larger.. If default is 1170X500PX how does a person change that to 1170X700PX ?

    Regards;

    Doug.

    Thanks d4z however I don’t need to change the “thumbnail size, I need to change the size of the pictures in the slider…

    Regards;

    @violasrose, I forgot to put a closing {, in the css above, sorry.
    That must be:

    @media (min-width: 1200px){
        #customizr-slider.container {
            width: 1200px;
        }
    }

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘How to increase slider height?’ is closed to new replies.