Hide collection number counter of collection list in homepage Dawn 15V

Solved

Hide collection number counter of collection list in homepage Dawn 15V

ctal37
Trailblazer
159 1 37

hii

I would like to hide collection number counter of collection list in homepage. please help me.

check the screenshot 

store link - https://5a3cf5-fc.myshopify.com/WhatsApp Image 2024-08-23 at 17.46.21.jpeg

Accepted Solutions (3)

Rahul_dhiman
Shopify Partner
738 143 150

This is an accepted solution.

Hello @ctal37 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-slider.css
add this code at the end of the file.

.slider-buttons {
display: none !important;
}

result

17.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

View solution in original post

Made4uo-Ribe
Shopify Partner
9839 2339 2930

This is an accepted solution.

Hi @ctal37 

Check thiso ne. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

.collection-list-wrapper span.icon-wrap, .collection-list-wrapper .slider-buttons {
    display: none;
}

 

And save. 

result:

Made4uoRibe_0-1724419307890.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.

View solution in original post

oscprofessional
Shopify Partner
16224 2426 3151

This is an accepted solution.

Hello @ctal37 

Go to online store -> themes -> Edit code ->Find base.css file

and add this below code at the bottom of base.css file

.collection-card-wrapper .card .icon-wrap {
    display: none;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

View solution in original post

Replies 5 (5)

Rahul_dhiman
Shopify Partner
738 143 150

This is an accepted solution.

Hello @ctal37 
Go to online store ---------> themes --------------> actions ------> edit code------->assets-----> component-slider.css
add this code at the end of the file.

.slider-buttons {
display: none !important;
}

result

17.png

If this was helpful, hit the like button and accept the solution.
Thanks

Want to modify or custom changes or bug fix on store . Or Need help with your store? Or -Want Complete Storefront

Contact here


BEST CUSTOMER ACCOUNTS APP WITH CUSTOM WISHLIST OPTION 
TRY OUR APP :

PWC: Customer Accounts & Pages

ctal37
Trailblazer
159 1 37

1F69A001-2C7B-4174-A6CD-7F1062024F8E.jpeg

hey.. thanks

also i would like to remove these arrows ➡️

check the screenshot 

oscprofessional
Shopify Partner
16224 2426 3151

This is an accepted solution.

Hello @ctal37 

Go to online store -> themes -> Edit code ->Find base.css file

and add this below code at the bottom of base.css file

.collection-card-wrapper .card .icon-wrap {
    display: none;
}
Get pass your Store Core Web Vital Free Speed Optimization Audit, Chat on WhatsApp | Skype : oscprofessionals-87 | Email: pallavi@oscprofessionals.com | Hire us | Guaranteed Site Speed Optimization | Website Free Audit | Shopify Theme Customization | Build Shopify Private App | Shopify SEO | Digital Marketing | Oscp Upsell & Cross sell App : Free | Oscp Sales & Volume Discount App : Free | Custom Pricing Wholesale App : Free | OSCP Shipping Discounts App : Free

Made4uo-Ribe
Shopify Partner
9839 2339 2930

This is an accepted solution.

Hi @ctal37 

Check thiso ne. 

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

 

.collection-list-wrapper span.icon-wrap, .collection-list-wrapper .slider-buttons {
    display: none;
}

 

And save. 

result:

Made4uoRibe_0-1724419307890.png

 

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

If this fixed your issue, Likes and Accept as Solution are highly appreciated. Coffee tips fuel my dedication.
Get experienced Shopify developers at affordable rates—visit Made4Uo.com for a quick quote!
Need THEME UPDATES but have custom codes? No worries, for an affordable price.
ctal37
Trailblazer
159 1 37

hey thanks it worked. Also I would like to add a section line in bw featured products and collections list. please check the screenshot 

WhatsApp Image 2024-08-23 at 19.21.44.jpeg