Solved

Slideshow, text banner color, Dawn theme

ellsta
Tourist
10 0 2

Hi. I would like to change the background colour if the text banner in a slideshow (Dawn theme), but ONLY on one of the slides (and without altering the theme colors).

Would that be possible?1.png

Accepted Solution (1)

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css / section-image-banner.css and paste this at the bottom of the file:

 

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-inverse.gradient.slideshow__text--center.slideshow__text-mobile--center {
    background-color: red!important;
}

 

 

ZestardTech_0-1685625719504.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing

View solution in original post

Replies 6 (6)

NomtechSolution
Astronaut
1245 113 147
  1. In the left-hand sidebar, navigate to the "Assets" folder and open the file that contains your theme's CSS (usually named theme.scss.liquid or theme.css.liquid).
  2. Scroll down to the bottom of the CSS file and add the following CSS code:

 

.slideshow__text-banner-slide--1 {
  background-color: red;
}
​

 

ZestardTech
Shopify Expert
5393 970 1291

Hello There,

Please share your store URL and password.
So that I will check and let you know the exact solution here.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ellsta
Tourist
10 0 2

Hi😊

Shop: https://vega-forlag.myshopify.com/

Password: thepre

Ellen

ZestardTech
Shopify Expert
5393 970 1291

This is an accepted solution.

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css / section-image-banner.css and paste this at the bottom of the file:

 

.slideshow__text.banner__box.content-container.content-container--full-width-mobile.color-inverse.gradient.slideshow__text--center.slideshow__text-mobile--center {
    background-color: red!important;
}

 

 

ZestardTech_0-1685625719504.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ellsta
Tourist
10 0 2

Thanks a lot, that worked very well!

Ellen

ZestardTech
Shopify Expert
5393 970 1291

Thank you for your response. It's good to know that it's worked for you. Kindly feel free to get back to me if you need any further assistance.

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing