I'd like to change the background color of my slideshow dots area on Dawn theme

[Sportwearfy_of]

I'd like to chnage the background color of the slideshow's dots on my store. Can you please suggest me a solution, please? My store is: www.sportswearfy.com

[KuldeepKumar20]

@Sportwearfy_of 

Hi Kindly add the bellow CSS code in the "base.css" file.

.shopify-section.slideshow .dot {
background-color: red;  /* change the color according to you*/
}

.shopify-section.slideshow .active, .shopify-section.slideshow .dot:hover{
background-color: #000000;  /* change the color according to you*/
}

[Sportwearfy_of]

I did that, but It doesn't work

[PageFly-Victor]

Hi @Sportwearfy_of ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
span.dot.active,
span.dot:hover{
    background: red;
}
span.dot {
    background: black;
}
</style>

Note: You can adjust value to fit your store

Hope my answer will help you.

Best regards,

Victor | PageFly

[Sportwearfy_of]

It did do something. But I want the white background area to be black as well. That's the issue I want to address ASAP.

[PageFly-Richard]

Hi @Sportwearfy_of 

This is Richard from PageFly - Shopify Page Builder App, I’d like to suggest this idea:

Online Store ->Theme ->Edit code

Assets ->Base.css

.title-wrapper-with-link {
    margin: 0px !important;
}

Hope you find my answer helpful!

Best regards,

Richard | PageFly