Collection list title

Nu89
Shopify Partner
53 1 2

Hello,

 

I need the title of the collection list items to be below the image instead of middle of the image.

I tried several codes but nothing works.

I am using Impact theme.

Replies 12 (12)

techlyser_web
Shopify Partner
1503 278 298

Hello @Nu89 
Can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Nu89
Shopify Partner
53 1 2
techlyser_web
Shopify Partner
1503 278 298

password?

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Nu89
Shopify Partner
53 1 2

Will sharing a screenshot help?

Nu89
Shopify Partner
53 1 2

lustrellc

PageFly-Amelia
Navigator
317 96 138

Hello @Nu89 

This is Amelia at PageFly - Shopify Advanced Page Builder app.

 

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code 

.slideshow__carousel .place-self-center {
   position: absolute !important;
   bottom: 0;
}

 

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Nu89
Shopify Partner
53 1 2

I dont have base.css, I tried it in theme.css, but it did not work

PageFly-Amelia
Navigator
317 96 138

Hello @Nu89 

Could you please test my code below again? I have just checked it again on your website.

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file theme.liquid

Step 3: Add code above the tag </head>

<style>
.content-over-media .place-self-center  {
   position: absolute !important;
   bottom: 0;
}
</style>

 

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Nu89
Shopify Partner
53 1 2

Screenshot 2024-03-31 at 5.54.25 PM.png

this is how it looks now 😞

and the code made my other code for same size photo not work 

PageFly-Amelia
Navigator
317 96 138

Hello @Nu89 

I'm really sorry that it affected the other part. Could you please try again this time for me? After checking carefully, it will work as you want this time.

<style>
.slideshow__carousel .place-self-center {
   position: absolute !important;
   bottom: 0;
   padding-top: 18px;
}
</style>

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.


Optimize your store’s mobile shopping experience with the Blum theme.

Nu89
Shopify Partner
53 1 2

it didn't 😞 it actually made the banner writing go down not the collection list writing.

Andrea59
Tourist
7 0 1

Hi, I'm looking to achieve the same... did you find a way to solve that ?