Slider size smaller and center

  • Hi! I’m trying to reduce the slider size and found this css, but it’s not working (it’s still on the left side and not smaller).

    .carousel-inner img {
    width: 80% !important;
    height: 500px !important;
    position:relative;
    margin-left:auto !important;
    margin-right:auto !important;
    }

    url: https://www.okincure.ee/et/

    EDIT: It’s seems that it’s working.. But is it possible to remove a line behind the slider?

    Thanks for your help!

    • This topic was modified 8 years, 2 months ago by keidla.
Viewing 9 replies - 1 through 9 (of 9 total)

  • Hello

    line behind the slider look like background image it might come from one of your plugin

    you can see image in link Here

    Let us know for further query

    Thread Starter keidla

    (@keidla)

    Thanks for your answer! I turned off every plugin I have, and nothing seem to remove this line behind the slider and on the sub-pages. How is it possible to know what causes it?

    Hii,

    Please go to Dashboard -> Appearance -> Customize -> Theme Options -> Theme General Options -> Custom CSS

    insert code into Custom CSS box and save –

    .header_section .hd-img {
    height: 20% !important;
}

    Hope this CSS will help you.

    Thread Starter keidla

    (@keidla)

    Thank you very much it worked!

    Your most welcome Keidla.

    Thread Starter keidla

    (@keidla)

    Hi again! I checked my page in mobile, and the slider pictures are very tight because of the css I used to make my slider smaller. Is it possible that in mobile the slider does not change the shape?

    • This reply was modified 8 years, 2 months ago by keidla.

    First, remove the below CSS from your custom CSS box –

    .carousel-inner img {
    width: 70% !important;
    height: 500px !important;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
}

    and use the below CSS –

    .carousel-inner img {
    width: 70% !important;
    position: relative;
    margin-left: auto !important;
    margin-right: auto !important;
}

@media(max-width:1200px){
.carousel-inner img {
    height: 500px !important;
}
}

@media(max-width:768px){
.carousel-inner img{
height:auto !important;
}
}

    and save.

    Thread Starter keidla

    (@keidla)

    Thank you very much! It’s working very well.

    Most welcome keidla .

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Slider size smaller and center’ is closed to new replies.