WebSite X5Help Center

 
Peter P.
Peter P.
User

Slider position of the Before/After Object  en

Автор: Peter P.
Просмотрено 954, Подписчики 1, Размещенный 0  

Hi

I’m using the before / after comparison object, the slider bar always starts in the centre position when the page is loaded does anyone know anyway so the slider starts at the far left position.

Kind Regards

Peter

Размещено
3 Ответы
Aleksej H.
Aleksej H.
Moderator

Hello.Try adding these styles (how to add styles):

.container.before-after-container.beforeAfter-hover .img2.hover {
width: 0% !important;
}

.container.before-after-container.beforeAfter-hover .border {
left: 0px !important;
}

Читать больше
Размещено От Aleksej H.
Peter P.
Peter P.
User
Автор

Hi Aleksej

Thank you for your help, I have tried inserting your code in to the expert section on the page properties in “Before closing the HEAD tag” , but I have not been able to get the code to work, I am using the fade option in the slider style so I tried changing “hover” to “fade” but the slider position is still centre of the image when the page is loaded. Can you offer any further advice.

Kind Regards

Peter.

.container.before-after-container.beforeAfter-hover .img2.hover {
width: 0% !important;
}
.container.before-after-container.beforeAfter-hover .border {
left: 0px !important;
}

Читать больше
Размещено От Peter P.
Aleksej H.
Aleksej H.
Moderator

Please give a link to the page of the site where I can see this object.

Читать больше
Размещено От Aleksej H.