fix stili home page
This commit is contained in:
@ -1463,6 +1463,10 @@ a.cardblu:hover{
|
||||
|
||||
/* SLIDER FULL HOME PAGE*/
|
||||
|
||||
.sliderfull .swiper-pagination{
|
||||
bottom: 0;
|
||||
}
|
||||
|
||||
.image-container{
|
||||
background-size: cover;
|
||||
height: 40em;
|
||||
@ -1567,24 +1571,59 @@ a.cardblu:hover{
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.sliderfull .swiper-pagination{
|
||||
position: relative;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.sliderfull .swiper-pagination{
|
||||
position: relative;
|
||||
margin-top: 20px;
|
||||
}
|
||||
|
||||
.sliderfull .swiper-pagination .swiper-pagination-bullet{
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
.sliderfull .swiper-pagination .swiper-pagination-bullet{
|
||||
height: 15px;
|
||||
width: 15px;
|
||||
}
|
||||
|
||||
.sliderfull .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
|
||||
.sliderfull .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
|
||||
}
|
||||
.sliderfull .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
|
||||
.sliderfull .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
|
||||
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 6px);
|
||||
}
|
||||
|
||||
.sliderfull .swiper-pagination-bullet-active{
|
||||
background-color: #838383;
|
||||
}
|
||||
|
||||
.featured .swiper-controls, .carosello .swiper-controls, .carosello-container .swiper-controls {
|
||||
position: absolute !important;
|
||||
height: 50px;
|
||||
width: 100%;
|
||||
top: 0;
|
||||
}
|
||||
|
||||
.featured .swiper-button-next {
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
.featured .swiper-button-next::after {
|
||||
content: '' !important;
|
||||
background: url(../images/right.svg) no-repeat;
|
||||
display: block;
|
||||
width: 44px;
|
||||
height: 24px;
|
||||
transform: scale(2);
|
||||
}
|
||||
|
||||
.featured .swiper-button-prev{
|
||||
right: 70px !important;
|
||||
left: unset !important;
|
||||
}
|
||||
|
||||
.featured .swiper-button-prev::after {
|
||||
content: '' !important;
|
||||
background: url(../images/right.svg) no-repeat;
|
||||
display: block;
|
||||
width: 44px;
|
||||
height: 24px;
|
||||
transform: rotate(180deg) scale(2);
|
||||
}
|
||||
|
||||
.sliderfull .swiper-pagination-bullet-active{
|
||||
background-color: #838383;
|
||||
}
|
||||
|
||||
@media(max-width:1199px){
|
||||
.caption-slide {
|
||||
@ -2002,33 +2041,37 @@ text-decoration: none;
|
||||
font-size: .9rem;
|
||||
height: 280px;
|
||||
}
|
||||
.titolo-featured {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
color: #000;
|
||||
font-family: "Titillium Web";
|
||||
font-size: 3rem;
|
||||
|
||||
.titolo-featured, .titolo-linea {
|
||||
display: block;
|
||||
font-size: 2.5rem;
|
||||
font-style: normal;
|
||||
font-weight: 600;
|
||||
line-height: normal;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.titolo-featured::before {
|
||||
.titolo-featured::before, .titolo-linea::before {
|
||||
content: "";
|
||||
display: block;
|
||||
width:30%;
|
||||
height:4px;
|
||||
background-color:#CC334B;
|
||||
margin-right: 30px;
|
||||
flex-shrink: 0; /* Impedisce alla linea di ridimensionarsi */
|
||||
width: 30%;
|
||||
height: 4px;
|
||||
margin-top: 4px;
|
||||
background-color: #CC334B;
|
||||
margin-right: 30px;
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
transform: translateY(-50%);
|
||||
left: 0;
|
||||
z-index: 0;
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.titolo-featured {
|
||||
.titolo-featured, .titolo-linea {
|
||||
font-size: 1rem; /* Dimensione più piccola su dispositivi stretti */
|
||||
}
|
||||
|
||||
.titolo-featured::before {
|
||||
.titolo-featured::before, .titolo-linea::before {
|
||||
width: 30px; /* Accorcia la linea su dispositivi stretti */
|
||||
}
|
||||
}
|
||||
@ -2098,6 +2141,7 @@ text-decoration: none;
|
||||
line-height: 0.95;
|
||||
}
|
||||
|
||||
|
||||
.cardcontatore__top,
|
||||
.cardcontatore__bottom,
|
||||
.cardcontatore__back::before,
|
||||
@ -2231,18 +2275,30 @@ text-decoration: none;
|
||||
}
|
||||
}
|
||||
|
||||
.contatore .sottotitolo{
|
||||
.contatore .sottotitolo{
|
||||
font-size: 1.2rem;
|
||||
font-weight: 500;
|
||||
}
|
||||
}
|
||||
|
||||
.container-jit.bg-grigio{
|
||||
@media(max-width:991px){
|
||||
.wrap-contatore{
|
||||
margin: 0 auto;
|
||||
text-align: center;
|
||||
background: #f1f1f1;
|
||||
padding: 0 .5rem;
|
||||
}
|
||||
|
||||
.cardcontatore {
|
||||
font-size: 2.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.bg-grigio{
|
||||
background: #F5F5F5;
|
||||
padding-top: 2rem;
|
||||
padding-bottom: 2rem;
|
||||
|
||||
}
|
||||
|
||||
.container-jit.bg-rosso{
|
||||
.bg-rosso{
|
||||
background: #CC334B;
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user