How can I move this button and text up with custom css

Store Design
,
1

I am trying to add text and a link button on my image instead of it being on the bottom

shopify question.png
shopify question.png415×655 344 KB

2

This is with the “Multi-column” section

3

@GatorGolfBrand Can you please share your store URL or theme name to check and provide solution for this.

4

Hi @GatorGolfBrand

Please share your store URL and password if it is password protected. Also, theme name you are using.

5

gatorgolfbrand.com
Password: Recked123
Theme : Focal

6

@GatorGolfBrand Please follow below steps to move button and text over the image. Let me know whether it is helpful for you.

  1. From admin go to “Online Store” → “Themes”.
  2. Click “Customize” button from the current theme.
  3. Click “Multi-column” section and paste the below code in the “Custom CSS” field and save changes.
    NOTE: You can increase and decrease the top value based on your text length.
.multi-column__item {
  position: relative !important;
}
.multi-column__text-container {
  position: absolute !important;
  top: 65%;
  left: 5%;
  display: flex;
  flex-direction: column-reverse;
  text-align: left;
}

Vinsinfo_6-1715754342674.png
Vinsinfo_6-1715754342674.png275×490 14.3 KB

Result will be like,

Vinsinfo_5-1715754312230.png
Vinsinfo_5-1715754312230.png248×367 143 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

7

As you mark on the image, are you trying to add button and text separately? Button should be left side and text should be bottom.

8

I am trying to add the button and text on the bottom middle of the picture