FileMaster

Edit File: _homepage30.scss

.block-banner-home30 {
    background-color: $background-bg-44;
    overflow: hidden;
    .box-banner-cover {
        .container-fluid {
            padding: 0px;
        }
        .row {
            margin: 0px;
        }
        .col-sm-6 {
            padding: 0px;
        }
        img {
            display: block;
        }
        .box-padding-left-banner {
            padding-top: 30px;
            padding-bottom: 30px;
            .box-padding-left-banner-inner {
                padding-left: 15px;
            }
        }
    }
}
.block-banner-2-home30 {
    padding: 30px 10px 0px 10px;
}
.box-padding-left-banner-inner {
    padding-left: 15px;
    padding-top: 30px;
    padding-bottom: 30px;
}
.box-sock-set {
    background-color: $background-bg-44;
    padding: 48px;
    background-image: url(../imgs/page/homepage30/bg-sock.png);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: contain;
    height: 822px;
    width: 100%;
    max-width: 540px;
}
.block-hot-deal {
    .cardProductStyle3 {
        margin-bottom: 30px;
    }
}
.block-collection-home30 {
    background-color: $background-bg-45;
    overflow: hidden;
    position: relative;
    .box-padding-left-banner {
        padding-right: 40px;
    }
    .container-fluid {
        padding: 0px;
        .row {
            margin: 0px;
            .col-lg-7, .col-lg-5 {
                padding: 0px;
            }
        }
    }
    img {
        display: block;
    }
}
.block-last-size {
    padding: 80px 0px 110px 0px;
    .container-slider-padding {
        position: relative;
        padding-bottom: 40px;
        .swiper-pagination {
            left: 0px;
            .swiper-pagination-bullet {
                background-image: url(../imgs/template/icons/dot.png);
                background-repeat: no-repeat;
                background-position: center;
                border: 0px;
                width: 20px;
                height: 20px;
                margin: 0px 6px;
                &:hover {
                    background-image: url(../imgs/template/icons/dot-active.png);
                    background-color: transparent;
                }
            }
            .swiper-pagination-bullet-active {
                background-image: url(../imgs/template/icons/dot-active.png);
                background-color: transparent;
            }
        }
    }
}

Back