Materialize .carousel increasing width not align center


#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 https://www.sitepoint.com/community/t/forum-posting-basics/29771 for more information.)


#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.


#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;
}

#5

Thank you Paul, :grin:


closed #6

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