Hide the text box on collection banner

Solved
Highlighted
Shopify Partner
13 0 0

Hey guys. The website is https://grozio-kodas.myshopify.com/ with a password "shopify".

I want the text boxes on collection banners to disappear.

Screenshot 2020-09-23 at 13.32.05.png

 

I went into the code editor and opened this section, found these two lines of code:

.collection-banners.sec-{{ section.id}} .details { background-color:{{section.settings.box_bg}}; color:{{section.settings.box_txt}}; }
  .collection-banners.sec-{{ section.id}} .details h3 {color:{{section.settings.box_txt}}; }
  

 

These I believe are responsible for those boxes, because if I delete the lines then the box disappears and there is just black text left.

There's probably an easy solution like display:none or something similar?

 

Thanks a lot for any help 

0 Likes
Highlighted

This is an accepted solution.

Hello generatorious,
Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

#shopify-section-1600846861750 .details.wd-30.center {
    display: none;
}
Want to modify or incorporate custom changes on store, Hire us
If helpful then please Like and Accept Solution .
Email: pallavi@oscprofessionals.com
Skype : oscprofessionals-87
Whats app
Free Website Review and advice for sale from Shopify Conversion Experts | Shopify Private App | Custom Theme Development | Custom Modifications In To Shopify Theme | Shopify SEO ; Digital Marketing & amp | Site Speed Optimization | Performance Site Audit
0 Likes
Highlighted
Shopify Partner
13 0 0

That did the trick. Thanks a lot!

0 Likes