Slideshow background colour

Solved

Slideshow background colour

magneticprints
Excursionist
28 0 3

Hi, I am wondering if the colour of the background of the slideshow can be changed. I have already tried changing the colour scheme in the left hand side menu, but all that changes is the colour of the arrow I have lablled in the screenshot as number "2". 

 

I want to change the colour of the background where I have indicated with an arrow labelled as number "1". Is this possible?

 

Untitled.jpg

Accepted Solution (1)
ProtoMan44
Shopify Partner
495 43 80

This is an accepted solution.

@magneticprints 

slideshow-component {
    background: #000 !important;
}
- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

View solution in original post

Replies 11 (11)

ProtoMan44
Shopify Partner
495 43 80

@magneticprints hey, thanks for posting here.
 can you please share the link to inspect it, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
magneticprints
Excursionist
28 0 3

Hi ProtoMan, the website is https://magneticprints.com.au/

ProtoMan44
Shopify Partner
495 43 80

@magneticprints  thanks for sharing url .

please use this code:

slideshow-component {
    padding: 0 !important;
}

if you feel it solve you isse so please mark it as solved, thanks.

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
magneticprints
Excursionist
28 0 3

Are you sure this is for the background colour and not the padding? 

ProtoMan44
Shopify Partner
495 43 80

@magneticprints  sorry i was fillup these side.

 

slideshow-component {
    background: black !important;
}

use  it i hope it will help you.

 

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
magneticprints
Excursionist
28 0 3

It works! Just wondering if there is an option to use HEX values instead?

ProtoMan44
Shopify Partner
495 43 80

This is an accepted solution.

@magneticprints 

slideshow-component {
    background: #000 !important;
}
- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!
magneticprints
Excursionist
28 0 3

That's great thank you so much!

ProtoMan44
Shopify Partner
495 43 80

@magneticprints  😊🎉

- A thirsty developer passionate about supporting the community. If you'd like to, you can  

Buy me a Coffee.


- Your Shopify Solution Specialist Get a Quote at

ProtoMan44

 - 

Chat On Whatsapp


Crafting exceptional e-commerce experiences to elevate your online presence. Let's build your success story together!

PageFly-Henry
Shopify Partner
1184 335 283

Hi @magneticprints 

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){

slideshow-component {

    background: black;

}

}

 

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.

magneticprints
Excursionist
28 0 3

Hi Henry, thanks for your reply. It works for mobile but not for desktop. Is there a way to do it for both? And use a HEX code for colouring?