Solved

How to change gallery title font and position of the text ( Narrative theme )

con17
Excursionist
35 0 16

Hi I would like to know how to change the font of the gallery and the height of the title text to be lower 

website url https://tbp17.myshopify.com/

 

con17_0-1625258750279.png

 

Accepted Solution (1)

dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@con17 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

#shopify-section-16251080025a50f8a7 .image-bar__text{
top: 75% !important;
}
#shopify-section-16251080025a50f8a7 .image-bar .image-bar__flex:nth-child(1) .image-bar__text.has-animated .image-bar__caption{
font-family: "Your font name here" !important;
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app

View solution in original post

Replies 3 (3)

dmwwebartisan
Shopify Partner
12282 2546 3694

This is an accepted solution.

@con17 

Please add the following code at the bottom of your assets/theme.scss.liquid file.

 

#shopify-section-16251080025a50f8a7 .image-bar__text{
top: 75% !important;
}
#shopify-section-16251080025a50f8a7 .image-bar .image-bar__flex:nth-child(1) .image-bar__text.has-animated .image-bar__caption{
font-family: "Your font name here" !important;
}

 

Hope this works.

Thanks!

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
con17
Excursionist
35 0 16

@dmwwebartisan 

Amazing stuff my friend, thanks for your time and dedication. I wanted to know if you can let me know if a button can be added to this element like in the image with text overlay shown below

as I like the animation of the gallery element like the zoom-in of the image and the animation of the text which the image with text overlay does not have,or is it possible to add the animation

concepts to the image with text overlay as an easier option?

con17_0-1625293382064.png

 

ArronJW
Excursionist
23 1 7

I am just trying to move the Link text in a gallery image to the bottom instead of the middle of the image.Move this down in Gallery Section ... Alchemy ThemeMove this down in Gallery Section ... Alchemy Theme