How to move the link text in Gallery section down?

Solved
ArronJW
Excursionist
14 0 5

I want to move the "see more" link text to the bottom of the Gallery image in the Alchemy theme.  I normally would just edit the CSS liquid theme.  However, no matter what I try the text wont move.  

This is in the middle.  Need it at the bottom (See more link text)This is in the middle. Need it at the bottom (See more link text)

Accepted Solution (1)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2497 9033

This is an accepted solution.

@ArronJW 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css->paste below code at the bottom of the file.

.block-1636482426f2586a47-1 .overlay .inner {justify-content: end;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 8 (8)
KetanKumar
Shopify Partner
24919 2497 9033

@ArronJW 

sorry for any issue can you please share store url please 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ArronJW
Excursionist
14 0 5

Hi Ketan,

I have added the gallery parts to the bottom of this page https://4if0vz0nzuubh7w6-29280075912.shopifypreview.com

 

One contains a product image that has "Image Text" and "See more move down" and I would love to have the see more move down link actually moved to the bottom of the image. 

 

 

KetanKumar
Shopify Partner
24919 2497 9033

@ArronJW 

yes please confirm 

KetanKumar_0-1636495265931.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
ArronJW
Excursionist
14 0 5

Yes that is it!  How'd you do that?

KetanKumar
Shopify Partner
24919 2497 9033

This is an accepted solution.

@ArronJW 

yes please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/styles.css->paste below code at the bottom of the file.

.block-1636482426f2586a47-1 .overlay .inner {justify-content: end;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

ArronJW
Excursionist
14 0 5

Unfortunately, that code didn't work (see the screenshots below).

 

css.JPGText still is in the middle not bottomText still is in the middle not bottom

 

 

ArronJW
Excursionist
14 0 5

Hi, 

I noticed this actually changed the setting (my code was wrong above "missing }"

 

Thanks for the help!

KetanKumar
Shopify Partner
24919 2497 9033

@ArronJW 

sorry for that but your missing above css this  element }

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing