Change image banner text colour on mobile view only

Solved

Change image banner text colour on mobile view only

tallowbar
Tourist
17 0 1

Wanting to change the "text" section on my image banner to black on mobile view only. I have a code for changing the heading but can't work out how to apply it to the text section too.

 

IMG_2052.jpg

Accepted Solution (1)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @tallowbar 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.banner__text.rte.subtitle p {

    color: black !important;

}}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 4 (4)

PageFly-Henry
Shopify Partner
1184 335 283

This is an accepted solution.

Hi @tallowbar 

This is Henry from PageFly - Landing Page Builder App

 

You can try this code by following these steps: 

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file -> Save

 

@media (max-width: 767px){

.banner__text.rte.subtitle p {

    color: black !important;

}}

 

Hope that my solution works for you.

Best regards,

Henry | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

tallowbar
Tourist
17 0 1

Thank you that worked!

PageFly-Henry
Shopify Partner
1184 335 283

You are welcome @tallowbar 😊

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

Dan-From-Ryviu
Shopify Partner
8579 1692 1703

Hi @tallowbar 

You can do that by this code to Custom CSS of that section in your Online Store > Themes > Customize 

@media (max-width: 749px) {
.banner__text.subtitle { color: #252525; }
}

Screenshot 2024-06-21 at 09.38.14.png

- Helpful? Like and Accept solution!
- Ryviu - Reviews & QA app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.