brooklyn theme collection list text button

Solved
Highlighted
Trailblazer
158 4 22

hi

is there a way to make a button for the collection list section. At the moment there is just a heading i.e. animals.

But i'd prefer it to be in a button so its more noticeable

BUTTON.png

thanks

 

jess

0 Likes
Highlighted
Trailblazer
304 73 85

This is an accepted solution.

Hi, @jtan 

Thanks for the post.
1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-grid__item-title--wrapper .collection-grid__item-title {
    background: #939393;
    display: table;
    padding: 10px;
    font-size: 22px;
}
.collection-grid__item-title--wrapper {
    display: flex;
    align-items: center;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
Highlighted
Trailblazer
158 4 22

         

0 Likes
Highlighted
Trailblazer
158 4 22

thanks again @Vikas_Chovatiya 

0 Likes
Highlighted
Excursionist
40 0 4

Hey! @Vikas_Chovatiya 

Thank you for sharing.

But it doesnt work for me.. do you know why? 

0 Likes
Highlighted
Trailblazer
304 73 85

Hi @LigalBahiri 

Thanks Welcome to the Shopify community!
Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Excursionist
40 0 4
0 Likes
Highlighted
Excursionist
40 0 4

Hey, @Vikas_Chovatiya 

Is there any answer?

0 Likes
Highlighted
Trailblazer
304 73 85

Hi @LigalBahiri 

Thanks for the share URL.
1. Go to Online Store->Themes->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-grid__item-title--wrapper .collection-grid__item-title {
    background: #6d4b33;
    display: table;
    padding: 10px;
    font-size: 22px;
}
.collection-grid__item-title--wrapper {
    display: flex;
    align-items: center;
}
If helpful then please Like and Accept Solution.
-Want to modify or custom changes on store Hire me.
- Feel free to contact me on vikaschovatiya02@gmail.com regarding any help
If you are happy and want to donate small Click here (Its my paypal)
0 Likes
Highlighted
Excursionist
40 0 4

hey @Vikas_Chovatiya 

Thanks you.

but it still apears on the image of the collection

i want it to be a taxt link under the image ... can you help me? thanks!!

0 Likes