How can I make my slide show’s active tab to be of different color.
I have added images for better understanding.
Website- adisicoffee.com
Regards.
This
To This
Topic summary
A user seeks to change the color of the active pagination dot in their slideshow on adisicoffee.com. They provided reference images showing the current state and desired outcome.
Solutions Offered:
Three support representatives provided CSS-based solutions:
- Dan-From-Ryviu: Suggested adding code to the theme.liquid file after the
<head>tag - Mike-Consentik: Provided a specific CSS snippet targeting the slider counter dots with
background: #333 !important; - PageFly-Oliver: Recommended inserting code at the bottom of theme.liquid file and included a screenshot reference
All responses follow a similar approach: accessing Online Store > Themes > Edit code > theme.liquid file and adding custom CSS. Oliver additionally suggested adding a CTA button to the slideshow as an enhancement.
Status: Multiple solutions provided; awaiting user confirmation on which approach worked.
Please go to your Online Store > Themes > Edit code > open theme.liquid file, add this code below after
This is Mike from Omega
You can add this CSS code
#shopify-section-template--17757424419133__8d2b6d2b-e2ca-45de-9c2d-de958c2a77f1 .slider-counter__link--dots.slider-counter__link--active .dot {
background: #333 !important;
}
Hi @adisicoffeeindi ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
I see your site great but I want to suggest a small idea is you can add 1 more button CTA for the slideShow
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly