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

GatorGolfBrand
New Member
4 0 0

I am trying to add text and a link button on my image instead of it being on the bottomshopify question.png

Replies 7 (7)

GatorGolfBrand
New Member
4 0 0

This is with the "Multi-column" section

 

Vinsinfo
Shopify Partner
265 96 87

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

Vinsinfo
Shopify Partner
265 96 87

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

 

Vinsinfo_6-1715754342674.png

Result will be like,

 

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

Team_OSC
Shopify Partner
101 14 16

Hi @GatorGolfBrand 

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

- Need a Shopify Developer?

  Hire Me:  Upwork | Website:  Omni Site Creations
- Connect On: Chat on WhatsApp | Email: info@omnisitecreations.com
- Our Services:  Design Changes | Custom Coding | Modifications | New Website
- Your tip, my code.  Buy me a Coffee  ❤️
GatorGolfBrand
New Member
4 0 0

gatorgolfbrand.com
Password: Recked123
Theme : Focal

Team_OSC
Shopify Partner
101 14 16

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.

- Need a Shopify Developer?

  Hire Me:  Upwork | Website:  Omni Site Creations
- Connect On: Chat on WhatsApp | Email: info@omnisitecreations.com
- Our Services:  Design Changes | Custom Coding | Modifications | New Website
- Your tip, my code.  Buy me a Coffee  ❤️
GatorGolfBrand
New Member
4 0 0

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