Change "view full details" button location

[nondualreality]

I would like for there to be a space between the “view full details” and the photo.
Please help!
www.kidkartz.com
Thank you!

[Dan-From-Ryviu]

Hi @nondualreality

Please go to your Online store > Themes > Edit code > open section-featured-product.css file, change this value to -60px


From this

.featured-product .product__view-details{
      font-size: 2rem;
      width: 100%;
      position: absolute;
      bottom: -40px;
      right: -32%;
      text-align: right;
      
    }

To this

.featured-product .product__view-details{
      font-size: 2rem;
      width: 100%;
      position: absolute;
      bottom: -60px;
      right: -32%;
      text-align: right;
      
    }

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the bottom of the file:

.featured-product .product__view-details {
position: initial!important;
text-align: center!important
}

[nondualreality]

Thank you so much it worked!

[Dan-From-Ryviu]

Very welcome