Help me find the html code in my code file in shopify theme crave

Solved

Help me find the html code in my code file in shopify theme crave

cryscodes1
Tourist
4 0 1

Hi there

 

I desperately want to remove the text, button and over container in my html. But I cant seem to find the code in my edit code. I want to remove this section not just on mobile version but on the website too. The theme I am using is Crave. Can anyone help me with this? 

 

cryscodes1_0-1711875716533.pngcryscodes1_1-1711875831382.png

cryscodes1_2-1711876106390.png

 

Accepted Solution (1)
webwondersco
Shopify Partner
1175 169 171

This is an accepted solution.

@cryscodes1 Please add the below line of CSS code at the end of your base.css file.

 

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

 

result:

webwondersco_0-1711877751739.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram

View solution in original post

Replies 7 (7)

Xipirons
Shopify Partner
136 25 32

Hi @cryscodes1 

 

Could you please share the URL of your page so that I can check it for you?

Was this helpful? Like or Accept solution - Buy me a coffee
- Contact me: Xipirons | WhatsApp
- Shopify Developer based in France, helping online merchants succeed

cryscodes1
Tourist
4 0 1

Hi Xipirons

 

here is my shop URL https://ad087f-30.myshopify.com/ 

webwondersco
Shopify Partner
1175 169 171

@cryscodes1 Hope you are doing well.

 

Please open the Customize section of your theme. you can find the hide/show option or delete option there to remove that particular section.

 

Steps to customize the theme:

 

  1. From your Shopify admin, go to Online Store > Themes
  2. Next to the theme that you want to edit, click Customize.
  3. Click Sections.

webwondersco_0-1711877109024.gif

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
cryscodes1
Tourist
4 0 1

Hi there

 

I cant edit from here because the thing I want to remove is the container box as a whole with the button. Although I can delete content from the customize section. It shows a gap when I am in mobile view like the image above which I don't want to have that. So I am trying to figure out a way to remove that whole section. 

 

cryscodes1_0-1711877529180.pngcryscodes1_1-1711877566439.png

 

webwondersco
Shopify Partner
1175 169 171

This is an accepted solution.

@cryscodes1 Please add the below line of CSS code at the end of your base.css file.

 

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

 

result:

webwondersco_0-1711877751739.png

 

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram
cryscodes1
Tourist
4 0 1

omg thank you soo muchhhh!! I have been racking my brain for 3 hours trying to solve this. 😂

webwondersco
Shopify Partner
1175 169 171

@cryscodes1 Hahaha, Anytime 🙂

 

Glad, could help you out. Don't hesitate to reach out if you have any doubts.

Web Wonders | Shopify Partner | Connect here!
- Question answered? Mark as Accepted Solution, reply helpful? Click Like
- Hire me, if you want to design, re-design, develop a store, or make changes to the pre-built store.
- a small Coffee Tip would be greatly appreciated. :)..! Instagram