Removing Heading from Collection List (Ride Theme)

Store Design
1

On my homepage I have a Collection List which is displaying 6 collections that I’ve created. Only thing is I can’t see an option to remove the headings for each collection. I’d rather they not be there as I’m going to use personalised images for each collection which will include writing explaining what it is,

I’ve seen a few people request help to do this on the forum but none of them have been for the Ride theme. I have a basic understanding of coding but I don’t want to go fiddling on my own and mess everything up!

https://scenicskateshop.co.uk

2

Hi @JJBDude

I’m Richard Nguyen from PageFly- Free Landing Page Builder

You can try with this code.

Follow this:

Go to Online Store->Theme->Edit code->base.css->paste bellow code in bottom of file

.slider-mobile-gutter.full-unstyled-link{

display: none;

}

If you feel my answer is helpful, like it or mark it as a solution. Let me know if you have any questions.

Best regards,

Richard | PageFly

3

Hello Richard,

Thanks for the quick response but unfortunately this hasn’t worked.

Jason

4

Hi @JJBDude ,

You can do that by adding this CSS code in Online Store ->Theme → Edit code → coponent-card.css

.card--media .card__inner .card__content {
display: none !important;
}
5

Thanks Dan but unfortunately this also hasn’t worked :disappointed_face:

6

@JJBDude

Step 1: In Shopify admin panel go to Collections and open a collection you’re going to set a publish date for.

Step 2: Scroll down and search for Visibility.

Step 3: To hide a collection, choose Hidden button.

Step 4: When you’re done – click Set a specific publish date link and choose date/time, when you would like the collection to be published and save the changes:

7

I would like to hide the headings for the collections, not the actual collection itself (that’s on display 24/7)

8

Try this code instead of

.card--standard>.card__content {
display: none;
}

Screen Shot 2022-09-30 at 16.38.19.png
Screen Shot 2022-09-30 at 16.38.19.png1795×1244 774 KB

1 Like
9

This has worked but it’s also created a new problem. Now there’s no way to click the image and view the collection (which was possible previously).

Also if I did want to add some padding (as I can see from your screenshot it is possible) what code would I need for that?

Edit - Just realised this has also impacted every collection throughout the site. I only want it to impact that one collection on the homepage.

10

Hi @JJBDude ,

Please add this code instead of

#shopify-section-template--15905430438056__1663389051150b1907 .full-unstyled-link {
color: transparent !important;
}
1 Like
11

That worked, thanks!

Last bit would be playing around with the padding. I’d say at the moment there’s a bit too much space. If I wanted to minimise it a bit is there code I can use to change it? Would be keen to play around and see what looks best

12

You can do that by adding this additional CSS Code

#shopify-section-template--15905430438056__1663389051150b1907 .card__information {
padding-top: 0px !important;
padding-bottom: 0px!important;
}
1 Like
13

That did it, thanks!!!

1 Like