Shopify themes, liquid, logos, and UX
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.
Solved! Go to the solution
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
hii, @vanessaliew
Kindly share your store URL so,
I can solve your problem.
Thank You.
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
Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024Digital marketers and app developers have tracked activity in apps and websites for yea...
By Ollie Mar 13, 2024February was an exciting month with Shopify Editions, informative webinars, and more! F...
By JasonH Mar 7, 2024