• I wonder if new version has an option to make slider less than 500px height.
    Before update I was able to make it 300px, but now it doesn’t work.

Viewing 13 replies - 1 through 13 (of 13 total)
  • Nothing changed to alter that as far as I know.

    Were you using a Child Theme, or maybe the update has overwritten any changes you made to core files?

    Thread Starter Tania

    (@tanidara)

    Thank you @rdellconsulting,
    I’m using child theme.
    I have this in CSS
    ‘/*Slider size services page*/
    .page-id-services-2 .carousel .item {
    line-height: 300px;
    overflow: hidden;
    min-height: 300px;
    width: 1200px;
    }
    .page-id-services-2 .carousel-image img{width:1200px!important; height:300px!important;}’

    This is link to the page, see what happened. looks like its 300 px, but has extra space on a bottom. Before It was perfect.
    Do you know what plugin used for this slider? May be it was update of the plugin?
    https://dreamitstudio.designatrouge.com/services-2

    Can you check in Customise>Responsive Settings and toggle Enable/disable slider’s slides centering on any devices

    Thread Starter Tania

    (@tanidara)

    I turned off and its a bit better (text box is inside of the slider now) but extra space on tob & bottom is still there

    Thread Starter Tania

    (@tanidara)

    @rdellconsulting
    I used your snippets here to remove shadow.
    https://www.themesandco.com/snippet/adjust-navbar-box-settings/
    Could you please help me to make menu in a center and remove Social media & tagline blocks to make less space between logo & menu
    Thx

    Thread Starter Tania

    (@tanidara)

    found this code
    /* navbar site desc remove but keep it for SEO */
    .navbar-wrapper .navbar .site-description
    { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); }
    /* navbar social remove */
    .navbar-wrapper .navbar .social-block { display: none; }
    /* navbar adjust padding */
    .navbar-inner { padding-top: 16px; }
    .navbar.resp .navbar-inner { padding-bottom: 4px; }

    But its not centered

    Where did that code come from, as I don’t recognise it?

    Anyway, start with these snippets and see how far it takes you:

    Center Header Block Items

    Remove Header Block Items

    Thread Starter Tania

    (@tanidara)

    I found this code here in support customizr theme.
    Thank you so much for your help. I will start over.

    Do you know how to remove extra spaces before and after slider?
    https://dreamitstudio.designatrouge.com/services-2

    You have the following:

    .carousel .item {
      line-height: 500px;
      min-height: 500px;
      overflow: hidden;
    }

    Take out the line-height & min-height

    Thread Starter Tania

    (@tanidara)

    looks like nothing changed.
    I have now:
    /*Slider size services page*/
    .page-id-services .carousel .item {
    overflow: hidden;
    width: 1200px;
    }
    .page-id-services.carousel-image img {
    width:1200px!important;
    height:300px!important;}

    With inspector I fount that its a
    .carousel-inner

    I added
    .page-id-services.carousel-inner {
    height:300px!important;}

    This doesn’t work
    What else it can be.
    I have another 500px slider on a front page. Don’t want to change that one.

    Thread Starter Tania

    (@tanidara)

    I thought I found the mistake, but not.

    Thread Starter Tania

    (@tanidara)

    Thank you Dave for link of the centering header items. Its perfect now

    Thread Starter Tania

    (@tanidara)

    to make it easy, I uploaded layered slider plugin and made the size I wanted.

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘How to make slider smaller?’ is closed to new replies.