How to center collection name on image?

Store Design
1

Hello!

I want to move my collection title from underneath of the image to the center of the image and get rid of the arrow.

Thank You!

Enchanted Evergreen Crystals

1 Like
2

Hi @EECrystals

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

https://enchantedevergreencrystals.com/

1 Like
4

Just to clarify, What design you like to do to this title? Only move to the center? I just make some designs. Im not sure what you like.

Made4uoRibe_0-1701818076780.png
Made4uoRibe_0-1701818076780.png1462Ă—754 237 KB

This is the code Ive used to get this design.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
slider-component .card__content {
    position: absolute;
    top: 80px;    
}
slider-component .card__content {
    justify-content: center;
}
slider-component span.icon-wrap {
    display: none;
}

slider-component h3.card__heading {
    background: white;
    opacity: .7;
    padding: 10px 20px;
    border-radius: .6rem;
}

And save.

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!