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

[GatorGolfBrand]

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

[GatorGolfBrand]

This is with the "Multi-column" section

[Vinsinfo]

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

[Vinsinfo]

@GatorGolfBrandPlease 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;
}

Result will be like,

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

[Team_OSC]

Hi @GatorGolfBrand 

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

[GatorGolfBrand]

gatorgolfbrand.com
Password: Recked123
Theme : Focal

[Team_OSC]

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.

[GatorGolfBrand]

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