Solved

How to move the link text in Gallery section down?

ArronJW
Excursionist
23 1 7

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)
KetanKumar
Shopify Partner
36839 3635 11972

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
36839 3635 11972

@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
23 1 7

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
36839 3635 11972

@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
23 1 7

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

KetanKumar
Shopify Partner
36839 3635 11972

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
ArronJW
Excursionist
23 1 7

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

 

 

KetanKumar
Shopify Partner
36839 3635 11972

@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
ArronJW
Excursionist
23 1 7

Hi, 

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

 

Thanks for the help!