Help! How to remove slider 1/3 on slideshow Venture theme??

Highlighted
New Member
3 0 0

Please help. Not great at coding. Read multiple posts here and figured out how to remove the buttons but the 1/3 slider is still there. Venture theme. Screenshot attached.

Thank you!

Screenshot 2020-07-05 at 4.56.18 PM - Edited.png

0 Likes
Highlighted

Hi 4thset,

What is the store URL so I can have a look now for you

Dan 'the web man' from DownUnder | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Secure Email:
0 Likes
Highlighted

Hi 4thset,

In the Venture theme demo site, assuming your theme is still standard I did this.

Goto

Online store >> themes >> use the 'actions' menu to choose 'edit-code' in your active / live theme

Then find the bold heading 'Assets" and click that to open file names

Choose 'themes.scss.liquid' and a wall of code text will open on the right

Scroll all the way to the bottom and add the below

/* remove slideshow controls */
#shopify-section-slideshow .hero-content__controls {
 display: none !important; }

Otherwise let us know your shop URL and I'll adjust the code slighty for you, if needed.

Dan 'the web man' from DownUnder | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Secure Email:
0 Likes
Highlighted
New Member
3 0 0

Hi...it's www.4thset.com password is caobow. Thanks so much!

0 Likes
Highlighted
New Member
3 0 0

I added that in the code and it did not work 

0 Likes
Highlighted

Ok 4thset,

I looked at your store and the code has not been properly added. Follow this.

Goto

Online store >> themes >> use the 'actions' menu to choose 'edit-code' in your active / live theme

Then find the bold heading 'Assets" and click that to open file names

Choose 'themes.scss.liquid' and a wall of code text will open on the right

Like this so far,

code.jpg

 

Scroll all the way to the bottom and add the below ( done already in above picture )

/* remove slideshow controls */
#shopify-section-slideshow .hero-content__controls {
 display: none !important; }

and that gives the before and after like below in your store

Before

after-.jpg

 

 

 

After

after.jpg

 

Otherwise just add me as a staff member and I'll fix it for you.

Hope this helps

 

 

Dan 'the web man' from DownUnder | Shopify Partner
If this was helpful then please Like and let me know!
If this answered your question click Accept as Solution
Want to modify or make custom changes on your store? I'm available for hire!
Secure Email:
0 Likes