Changing color of listing details gallery slider

Ask the community
1

looking for a way to change the color of the photo slider on the listing details photo gallery so its my brand color rather then yellow.

2

Hi Nick,

You need to insert the code below in your page settings => custom code header:

<style>
#list-details1 .MuiButtonBase-root.active.css-1ttkfm8 .line{
    background-color: #FFFFFF !important;
}
    
#list-details1 .line:hover{
    background-color: #FFFFFF !important;
}
</style>

Change list-details1 by your current list-details block Id and change #FFFFFF by the desired color.

Note that this code might only work for this specific list-details block: List details page with image slider

3

Thank you! - this is the code i submitted but still showing yellow on hover- any advice? heres the page: The Jameson Pub | Watertown

<style>
#list-details11 .MuiButtonBase-root.active.css-1ttkfm8 .line{
    background-color: #d83467 !important;
}

#list-details1 .line:hover{
    background-color: #FFFFFF !important;
}
</style>
4

The name of your block is?

Careful, you didn’t change anything in the second part, it’s still written #list-details1 whereas it should be #list-details11

5

oops! i need coffee lol- i didnt update the second party details block!

1 Like
6

Then it should be all good