Reduce slider size to fit sidebar

  • Henkules

    (@henkules)


    10 years, 8 months ago

    Hi,

    i am new to wordpress, but Customizr has helped me getting a site online. I love it! Most of the smaller problems were solved quickly using documentation and fora, but this one is harder for me.

    I want a frontpage slider, top of the page. This works. However, I also want my right sidebar to start in the top right corner. This would mean that the slider has to be made smaller (less wide).

    This is the webpage: http://www.newondvd.nl

    I have tried the folowing code:

    .carousel-inner {height: 300px;}
    .carousel-inner {width: 700px;}

    However, this just makes the image smaller. The area still takes the entire width. I have unchecked ‘full-screen’, but this didn’t make a difference. Is there a way to reduce the entire slider size with a certain percentage (i.e. reduce both the heigth and width with 25%?). This would allow me right sidebar to ‘slide’ to the top of the page.

    Suggestions?

    Thanks a lot for your help!!

Viewing 1 replies (of 1 total)
  • hellfst

    (@hellfst)

    10 years, 8 months ago

    .carousel-control {

margin-top: 200px;

}

.carousel-control.right {

left: 70%;

}

.container:before, .container:after {

    display: block;
    width: 70%;
}

    You can try that, but you will have to get a little more creative. IE make a new static front page and display a right hand sidebar etc etc.

Viewing 1 replies (of 1 total)
  • The topic ‘Reduce slider size to fit sidebar’ is closed to new replies.