Shopify themes, liquid, logos, and UX
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/
Solved! Go to the solution
This is an accepted solution.
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!
This is an accepted solution.
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!
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?
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 Theme
Learn how to build powerful custom workflows in Shopify Flow with expert guidance from ...
By Jacqui May 7, 2025Did You Know? May is named after Maia, the Roman goddess of growth and flourishing! ...
By JasonH May 2, 2025Discover opportunities to improve SEO with new guidance available from Shopify’s growth...
By Jacqui May 1, 2025