Jump to content

Position flèches sliders ps 1.7 theme classic


bbajc

Recommended Posts

Bonjour,

 

je viens de voir que la flèche de droite de mon slider et partie se coller contre celle de gauche....

Je ne comprends pas ce que je dois modifier, pour qu'elle soit à droite de l'image.

Je pense que c'est dans ces lignes là du theme.css 

 

Merci d'avance

Béa

 


.carousel {
    margin-bottom: 1.5rem;
    box-shadow: 1px 1px 7px 0 rgba(0,0,0,.15);
}

.carousel .direction {
    z-index: auto;
}

.carousel .carousel-inner {
    height: 340px;
}

@media(max-width:767px) {
    .carousel .carousel-inner {
        height: auto;
    }
}

.carousel .carousel-item {
    height: 100%;
}

@media(max-width:767px) {
    .carousel .carousel-item img {
        height: auto;
        max-width: 100%;
    }
}

@media(min-width:768px) {
    .carousel .carousel-item img {
        width: 100%;
        margin-left: 0;
    }
}

.carousel .carousel-item .caption {
    position: absolute;
    max-width: 340px;
    color: #fff;
}

@media(min-width:768px) {
    .carousel .carousel-item .caption {
        bottom: 28px;
        left: 90px;
    }
}

@media(max-width:767px) {
    .carousel .carousel-item .caption {
        bottom: 5px;
        left: 40px;
    }
}

.carousel .carousel-item .caption .caption-description p {
    color: #fff;
}

@media(max-width:767px) {
    .carousel .carousel-item figure {
        margin: 0;
    }
}

.carousel .carousel-control {
    opacity: 1;
}

.carousel .carousel-control .icon-next:before,
.carousel .carousel-control .icon-prev:before {
    content: "";
}

.carousel .carousel-control .icon-next i,
.carousel .carousel-control .icon-prev i {
    font-size: 3.125rem;
    color: #fff;
}

.carousel .carousel-control .icon-next:hover i,
.carousel .carousel-control .icon-prev:hover i {
    color: #980202;
}

.carousel .carousel-control .icon-prev {
    left: 1rem;
}

.carousel .carousel-control .icon-next {
    right: 2rem;
}

.carousel .carousel-control.left,
.carousel .carousel-control.right {
    background: none;
}

 

Link to comment
Share on other sites

On ne doit strictement jamais toucher au fichier theme.css sauf en passant par sa génération en scss donc pas à la porté du premier venu.

Toute modification doit être faite dans custom.css.

Donc si vous avez touché au theme.css peut de chance que je puisse vous aider.

Link to comment
Share on other sites

alors non en fait, je viens de vérifier, les modifications du tuto portaient bien dans le custom !

 

Donc, je n'ai rien touché au theme.css, je l'avais juste passé dans une moulinette pour le remettre en forme car je n'avais pas de retours à la ligne et il était illisible pour moi.

ce site https://csslisible.com/

je viens de remettre le fichier d'origine et tout est ok 

 

désolée et merci

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...