Adjusting the Slider Size

LOVE customizr! Is it possible to define the header, slider, and footer to be the same dimensions as the page content? Then to add a background so the sides aren’t plain white? Here is an example that I’m referring to:
https://www.thegooddog.net

Thanks!!!

Hi Cari, can you please open a new thread for that to keep the forum as clear as possible?
Thanks

Thanks for the code to change the height and width of the slider, now the images are on the far left side of the screen, is there any way to center them on the page? Thanks a lot! Great theme btw.

Love this theme too!!

Can I increase the height of the slider to something over 500px (default setting). Where can I change that in CSS? Are there any other files I should modify?

I noticed if I put a value bigger than 500px for min-height, some images can stretch to the height that I defined, some still stayed as 500px tall.

Thanks!

@ thehunters123

To centre the slider use this code:

/*Slider size*/
.carousel .item {
line-height: 250px;
overflow: hidden;
margin-left:auto;
margin-right:auto;
min-height: 250px;
}

Alternatively, I’m now using this for sizes greater than 1200:

@media (min-width: 1200px) {
    /*Stop the slider growing crazily*/
    #customizr-slider {
        max-width: 1170px;
        margin-left:auto;
        margin-right:auto;
        }
    }

Hello,

I have a problem with the code you gave to resize the slider. Now the size of the slider changes according to the different images.

Is it possible to spot this ?

Thanks

Hey all,

Thank you for these tips! They worked for me.
But I have an additional question: I have a few pages with slider as well (next to the main slider on the home page). Is it possible to change the size of only certain sliders? And not all at the same time?

Thanks in advance!

Start a new Topic & include a link to your site please

would there be some code something like this:
margin-top:top;

that could be added to:
.carousel .item {
line-height: 288px;
overflow: hidden;
min-height: 288px;

that would keep the slider image to the top (just below the grey line) no matter the size of browser window or device? I realize if I change “line-height: 100%” it works, but it also move my text to the top of the image and the forward & reverse buttons to the bottom…

Hi everyone,

I have the same question as XStella, however I wasn’t able to find any other topic concerning various sizes for different sliders… Am I blind?

Hello,
Like “cardened” Member , I just add the code
/*Slider size*/
.carousel .item {
line-height: 250px;
overflow: hidden;
min-height: 250px;
}
to the “CUSTOM CSS.

Now height size of slider it’s ok
but image is cut on botton !

It’s possible to heigth rezise smaller with keeping entire ?

Thanck you very much for your help !

Perhaps it’s possible to have a smaller setting of the layout of the slider : full width, boxed and smaller (970 x 300) ?

Great theme !

Designed to work with 1170px x 500px images for best performance.

Yes Of course I’m absolutly agree with you,

so there’s no way to do this .