How to make mobile bb colour make transparent?

Solved
Alex314
New Member
2 0 1

Hi Community,

 

I need some, the mobile version has this black colour which I need to make transparent.

 

I am struggling. Here is a picture to show what I am trying to say.

 

stingy.co.za is the site.

 

Can someone explain how to solve this?

 

Kind regards

Alex

Alex314_0-1648120032812.png

 

Accepted Solutions (2)

Accepted Solutions
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

@Alex314 

@media screen and (min-width: 320px) and (max-width: 767px){
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-fb3d5a5b-0192-4816-b0df-b4d96f8b0065-list .slider-content [class*="slide_"] {
    background: var(--DTTertiaryColor);
    background: transparent !important;
}}

Add this code in the bottom of the dt-framework.css file

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages

View solution in original post

ZestardTech
Shopify Expert
3330 550 761

This is an accepted solution.

Hello there,

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

@media (max-width: 575px){
div#home-slider-16204711698f62437e .slide_1 {
background: transparent;
}
}
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 4 (4)
Zworthkey
Shopify Partner
5581 640 1498

This is an accepted solution.

@Alex314 

@media screen and (min-width: 320px) and (max-width: 767px){
.home-slideshow-section .dt-sc-swiper-slider .swiper-wrapper .slider-fb3d5a5b-0192-4816-b0df-b4d96f8b0065-list .slider-content [class*="slide_"] {
    background: var(--DTTertiaryColor);
    background: transparent !important;
}}

Add this code in the bottom of the dt-framework.css file

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages
Alex314
New Member
2 0 1

Thank you so much - it works!!

ZestardTech
Shopify Expert
3330 550 761

This is an accepted solution.

Hello there,

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

@media (max-width: 575px){
div#home-slider-16204711698f62437e .slide_1 {
background: transparent;
}
}
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
Zworthkey
Shopify Partner
5581 640 1498

@Alex314 
Kindly like our Solution.
If helpful.

If helpful, please Like and Accept Solution. Hire Us |
if you Want to modify or Customize your theme | Whatsapp | Email us: sales@zworthkey.com
Top Rated Shopify Agency, | We have Over 200+ Happy merchants.
Build Successful Shopify Stores with GemPages