Solved

Change "view full details" button location

nondualreality
Excursionist
29 3 7

Screenshot 2024-01-29 at 1.01.40 AM.png
I would like for there to be a space between the "view full details" and the photo.
Please help! 
www.kidkartz.com
Thank you!

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
6915 1305 1333

This is an accepted solution.

Hi @nondualreality 

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

Screenshot 2024-01-29 at 15.16.05.png

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;
      
    }

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Replies 4 (4)

Dan-From-Ryviu
Shopify Partner
6915 1305 1333

This is an accepted solution.

Hi @nondualreality 

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

Screenshot 2024-01-29 at 15.16.05.png

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;
      
    }

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

nondualreality
Excursionist
29 3 7

Thank you so much it worked!

Dan-From-Ryviu
Shopify Partner
6915 1305 1333

Very welcome

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

ZestardTech
Shopify Expert
5364 961 1286

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
}

 

ZestardTech_0-1706520577822.png

 

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing