How to add Shop Now button in Minimal theme of your Shopify store in 2019





Here are the codes,

.slides__btn {
background: transparent;
border: 2px solid white;
width: 150px;
display: inline-block;
transition: all 0.3s ease 0s;

.slides__btn:hover {
background: white;
color: black;
transition: all 0.3s ease 0s;

.slides__text-content {
top: 70%;

.slideshow__mobile-text-container {
display: none;

@media only screen and (max-width: 480px) {
.slides__btn {
font-size: 14px;
width: 130px;

Thanks for visiting the blog.

Get High Quality Shopify Website Designed For FREE By Us,
Go to for more details.

For free Shopify trial click here :

If you are looking for quality shopify web developers that doesn't break the bank then send us an email at: . We can help you with almost every shopify and dropshipping related tasks at affordable price.



  • daftinari

    buy real cialis online

  • UNI

    Hello am using the theme debut : I will to put it shop now lower but the code doesnt work can you give me a other code to get this one please ? thank you

  • Kain Brewer

    Can you create one for debut theme im really struggling with how to make shop now transparent, also any advice on how to shift the button horizontally on debut?

  • Kemri Hobson

    Can you create the same code for the Brooklyn theme? It will be greatly appreciated.


  • Kurtz

    i still can not move the buy “now button” lower, what should i do? please help for me . thanks

Leave a comment