Materialize .carousel increasing width not align center

HTML & CSS
1

I’ve having a problem with when increasing the width of the image in Carousel , the size of the image grows bigger to the right. How can i set it align center?

.materialboxed {
max-height: 600px;
width: 550px;
}
2

Welcome to the forums, @ballsuperhero007.

We need to see all the relevant code, bothHTML and CSS. If you have a link to a live page, that’a theeasiest way; otherwise, you can post your code here or use something like Codepen. (See Forum Posting Basics for more information.)

1 Like
3

Thank you TechnoBear, link to page http://frrr.dk/galley1.html
I want to make Carousel size bigger i’ve tried to add width and reduce (margin-left: -150px) which doesn’t work properly in lightbox…
Also another question how do i get rid of (.html) to frrr.dk/gallery1 for example
Thank you in advance.

1 Like
4

You can’t increase the child bigger than the parent because it just overflows. The image is inside .item which you have sized at 400px. You must change both.

.carousel .carousel-item{
    width: 550px;
}
1 Like
5

Thank you Paul, :grin:

6

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.