brooklyn - change shop button design on homepage

Solved
vanessaliew
Excursionist
44 0 17

Hi I would to change the "SHOP" button on homepage to white color background with black border and round corner, like the apple pay logo border. is it possible? I also want to reduce the height and width of the border, please help.

6.PNG

7.PNG

 

 

0 Likes

hii, @vanessaliew 
Kindly share your store URL so,
I can solve your problem.
Thank You.

If helpful, please Like and Accept Solution.
if you Want to modify or Customize your theme,
Hire us | Whatsapp. or Want to know more. Read our Shopify Blogs.Email us: sales@zworthkey.com
Buy me a coffee ☕ Donate Us
0 Likes

This is an accepted solution.

@vanessaliew,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. In your theme.liquid file, find the </body> (press CTRL + F or command + F on Mac)
3. paste this code right above the </body> tag:

<style>
[id*='section'] [class*='feature-row__item'] .btn{

    background: #ffffff !important;
    color: #202020 !important;
    border-color: #202020 !important; 
}
</style>

 

You can change the colors as per your wish:

#ffffff = background color
#202020 = text color
#202020 (last one) - border color


Please let me know whether it works.

Kind regards,
Diego

◦ Slideshow section not looking good or cutting off? Try the Slideshow (PRO) section. No apps required.
◦ Replace apps with copy/paste code snippets. Examples here.
◦ In need of coding help? I'm available for hire! ezfycode@gmail.com
0 Likes
vanessaliew
Excursionist
44 0 17

@diego_ezfy thanks solved.

0 Likes