Custom Coding

Solved

Custom Coding

Mariana-Civeira
Excursionist
12 0 4

Hey I added Background:white;

color is added but not on complete video a gap on right and left side can you plz fix that issue.

 

Store link : expert-wc.myshopify.com

password:9999

Accepted Solution (1)

TerenceKEANE
Shopify Partner
512 86 80

This is an accepted solution.

Hi.!

 

If I understand correctly, the following code snippets will be useful for you.

 

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

#Banner-template--22558255153431__image_banner_3kWDbL .banner__content.banner__content--middle-left.page-width.scroll-trigger.animate--slide-in {

    max-width: 100%;

}

 

shopify.base.css.jpg

 

 

TerenceKEANE_0-1716901420254.png

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites

View solution in original post

Replies 6 (6)

TerenceKEANE
Shopify Partner
512 86 80

This is an accepted solution.

Hi.!

 

If I understand correctly, the following code snippets will be useful for you.

 

Navigate to the 'Edit Code' option in your theme settings, then search for “base.css” in the search bar and add below codes.

#Banner-template--22558255153431__image_banner_3kWDbL .banner__content.banner__content--middle-left.page-width.scroll-trigger.animate--slide-in {

    max-width: 100%;

}

 

shopify.base.css.jpg

 

 

TerenceKEANE_0-1716901420254.png

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Mariana-Civeira
Excursionist
12 0 4

Thanks for your reply i want to add also color to that right and left gap

check that.png

TerenceKEANE
Shopify Partner
512 86 80

you are welcome.

 

Mariana, What exactly is the design you have in mind? Do you have any examples?

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Mariana-Civeira
Excursionist
12 0 4

You almost fix my issue but when I made more changes it shows me again as it is previously. Kindly Re check. I want the same thing that You did. 

TerenceKEANE
Shopify Partner
512 86 80

I adjusted the codes based on dynamic classes. If you change the page structure, it won't work. The part I don't understand is how many colors will be stacked on top of each other exactly? Or will there be different colors only in the 'arrow' area? It would be better if you could provide a bit more detail!

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
If my support was a lifeline for you, The COFFEE  
would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
Mariana-Civeira
Excursionist
12 0 4

Actually I added background color, But it shows as I shared in the above image it is not covering some  of the left and right part. I do not know why all the section is not covered by that white color that I added. I want to add remove that gap or you can say that add white colors to that small gap on left and right side of the video. Which I highlighted with red arrows.