Collection list title

[Nu89]

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.

[niraj_patel]

Hello @Nu89 
Can you share store URL?

[Nu89]

https://lustrestores.com/

[niraj_patel]

password?

[Nu89]

Will sharing a screenshot help?

[Nu89]

lustrellc

[PageFly-Amelia]

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

[Nu89]

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

[PageFly-Amelia]

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>

[Nu89]

this is how it looks now 😞

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

[PageFly-Amelia]

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>

[Nu89]

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

[Andrea59]

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