Adding a "more info" button to collections pages that redirects to products

Highlighted
Excursionist
28 0 2

Jasoliya,

 

This worked! My only request is to make it appear as a rectangular button, and not just text. 

 

Thanks for your help! 

0 Likes
Highlighted
Shopify Expert
2932 499 674

Send me your store url

Want to modify or custom changes on store hire me.
If helpful then please Like and Accept Solution.
Email: jasoliyabrijesh123@gmail.com
Skype: jasoliya.brijesh
Want to get Free review and advice for sale on store ?? just text me here
1 Like
Highlighted
Excursionist
28 0 2

Jasoliya,

 

It's the same as before: https://www.mobilestairlift.com/collections/mobile-stairlift-accessories

 

Basically I want the button to be black, and rectangular. I was able to almost achieve this, but then the button is way to close to the product title & price, it basically overlaps. I need the button to have adequate spacing on the top and bottom so no overlap occurs. 

 

Thanks again for all of your help towards this. 

0 Likes
Highlighted
Excursionist
28 0 2

@Jasoliya 

 

Ok, I've gotten the button there with the black rectangle, but spacing is now my issue - it's overlapping with the product title and product price.

 

I've tried adding this and it successfully creates the black rectangle, but the "Margin" tags don't seem to be working: 

 

.btn.product {
border: black; 
color: white; 

margin-top: 50px;
margin-bottom:50px;
padding: 14px 28px; 
cursor: pointer; 
background-color: #000000;
}

 

 

I've attached a screenshot for reference.  Thanks once again for your help! 

 

Screen Shot 2019-10-22 at 2.17.52 PM.png

0 Likes
Highlighted
Excursionist
28 0 2

 

@jfilippi68 

 

Nevermind! I figured it out. 

 

Thanks so much for your help! 

0 Likes