how to set carousel Horizontal??

Viewing 3 replies - 1 through 3 (of 3 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Add the following CSS to the bottom of the styles.css file

    .home-carousel ul{
 display: block
}

.home-carousel ul li{
 float: left
}

    Thread Starter wllee203

    (@wllee203)

    thank you very much anevins!

    But i have another problem now, would you please to teach me again?

    https://www.silk-deco.com/ch/

    Problem:
    Carousel can show in horizontal now, but no matter i’ve set show 4,5,6 image in carousel at one time, the carousel keep show all image at one time and seems it cannot move automatically.

    Thanks again!^^

    Thread Starter wllee203

    (@wllee203)

    /* 4.3 Homepage Carousel */
#home-carousel-wrap {width:960px; max-width:960px; overflow:hidden; margin:20px auto 0px;}
	#home-carousel-wrap p {margin-bottom:0px; margin-top:5px; line-height:1.3;min-height:17px;}
.home-carousel li, .home-carousel-img {margin:0; padding:0;}

.home-carousel ul{display:block}
.home-carousel ul li{float:left}
.carousel-button {width:24px; float:left; height:24px; cursor:pointer; border:0; margin-top:50px;font-weight:bold; font-size:30px;}
.carousel-next {text-align:right;}
.home-carousel li {margin:0 10px;}
.home-carousel img {width:200px; height:120px; padding:3px; border:1px solid;}
.carousel-title {font-weight:bold;}
.home-carousel {text-align:center; width:912px; max-width:912px; float:left;}

    [ Please do not bump, that’s not permitted here. ]

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘how to set carousel Horizontal??’ is closed to new replies.