123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100 |
- .owl-carousel{
- display: flex!important;
- margin: 0px 50px 0 50px;
- width: auto!important;
- .owl-stage-outer{
- height: 500px;
- }
- .owl-item{
- width: auto!important;
- }
- .galerie{
- width: auto;
- .images{
- height: 300px;
- width: auto;
- img{
- width: auto!important;
- height: 300px;
- }
- }
- .content{
- position: absolute;
- }
- }
- .owl-nav{
- position: absolute;
- width: 100%;
- top:35%;
- transform: translateY(-50%);
- button{
- width: 35px;
- height: 35px;
- border-radius: 35px;
- background: rgb(141, 40, 21)!important;
- span{
- margin-top: -9.5px;
- color: white;
- }
- &.owl-prev{
- position: absolute;
- left: -40px;
- }
- &.owl-next{
- position: absolute;
- right: -40px;
- }
- }
- }
- }
- .owl-nav.disabled{
- display: block!important;
- }
- #recommandations{
- .owl-carousel{
- .owl-stage-outer{
- height: 300px!important;
- }
- .galerie{
- width: 300px;
- }
- .content{
- width: 300px!important;
- background: white;
- padding: 0 20px;
- position: relative;
- h5{
- padding-top: 10px;
- padding-right: 10px;
- }
- p{
- text-align: left!important;
- a{
- position: absolute;
- width: 20px;
- top: 10px;
- right: 10px;
- }
- & > img{
- position: absolute;
- width: 20px;
- height: auto;
- top: 10px;
- right: 10px;
- }
- &:last-child{
- padding-bottom: 20px;
- }
- }
- // img{
- // position: absolute;
- // top: 10px;
- // right: 20px;
- // width: 25px;
- // height: auto;
- // }
- }
- }
- }
|