Taking text and box out of slide show also adding another slide DAWN

[Tyra1]

Hi! I was wondering if someone could help me please I'm trying to have a slide show on my homepage however I can't seem to find a code to get rid of the text and box blocking the slide. I'd also like to add a third slide iff possible too please. Thank you!

[BSS-TekLabs · Accepted solution]

- Here is the solution for you
- Please follow these steps:

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.slideshow__text-wrapper.banner__content {
display: none !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[Moeed]

Hey @Tyra1 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Tyra1]

Hi! The password is leemaz
And the URL is
https://venchago.com

Thank you so much!

[Moeed]

Hey @Tyra1 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.banner__content.banner__content--middle-center {
    display: none !important;
}
</style>

RESULT:

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Moeed

[Tyra1]

Hi! Thank you so much! I can't seem to find where to put it I've tried adding it at the bottom where I've just put the XXXXXX but when I click preview it doesn't seem to work as I can't find a code where it says  </body> tag Just the body bit sorry! Is that the correct bit for me to add it? Thanks! Tyra

window.accessibilityStrings = {
imageAvailable: `{{ 'products.product.media.image_available' | t: index: '[index]' }}`,
shareSuccess: `{{ 'general.share.success_message' | t }}`,
pauseSlideshow: `{{ 'sections.slideshow.pause_slideshow' | t }}`,
playSlideshow: `{{ 'sections.slideshow.play_slideshow' | t }}`,
recipientFormExpanded: `{{ 'recipient.form.expanded' | t }}`,
recipientFormCollapsed: `{{ 'recipient.form.collapsed' | t }}`,
};
</script>

{%- if settings.predictive_search_enabled -%}
<script src="{{ 'predictive-search.js' | asset_url }}" defer="defer"></script>
{%- endif -%}

XXXXXXXXXXXXXX
</body>
</html>

[Rahul_dhiman]

Hello @Tyra1 
Go to online store ---------> themes --------------> actions ------> edit code-------> assets-------> section-image-banner.css -------> line number 7
add this code

.banner__box.gradient {
  transform: perspective(0);
  display: none;
}

and the result will be

If you find this helpful, please like and mark the job as completed.
Thanks

[Tyra1]

Hi! Thank you! It's still not working unfortunately I've tried pasting it in different placements too sorry! is there any other way to make it work? Thank you! Tyra

[BSS-TekLabs · Accepted solution]

- Here is the solution for you
- Please follow these steps:

 

- Then find the base.css file.
- Then add the following code at the end of the file and press 'Save' to save it.

.slideshow__text-wrapper.banner__content {
display: none !important;
}

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[parth_ghelani · Accepted solution]

Hello @Tyra1 

As i understand what you were saying is that you want to hide the content box from the slide and want to add third slide. Am i right ??

If yes then i found the best and simple solutions to make it happen.

To do it, you just need to follow below steps

1. Go to admin > themes > open the customisation of your theme

2. After opening Customisation, click on slideshow section so you can see the settings just like below image.

3. Click on the Image slide, so you can see another settings for image slide.

4. In the settings for Image slide, scroll down and find the checkbox says "Show container on desktop".

5. If the checkbox is checked already, then just uncheck it so the content box from image is removed as background.

6. after the backgound is removed, just remove the content like heading, subheading and button label from settings in same panel

7. By doing this, your main problem is solved and to add new and third slide, just click on add slide in slideshow section at left hand slide.

Don't forget to save the changes from top right corner in customisation.

It is just simple and you can do it by yourself.

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.