Re: Slideshow, text banner color, Dawn theme

Solved

Can I change the text banner color in one slide of a Dawn theme slideshow?

ellsta
Excursionist
13 0 3

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 Partner
5751 1051 1390

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: [email protected]
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 153
  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 Partner
5751 1051 1390

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: [email protected]
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ellsta
Excursionist
13 0 3

Hi😊

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

Password: thepre

Ellen

ZestardTech
Shopify Partner
5751 1051 1390

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: [email protected]
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
ellsta
Excursionist
13 0 3

Thanks a lot, that worked very well!

Ellen

ZestardTech
Shopify Partner
5751 1051 1390

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: [email protected]
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing