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
318 116 114

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

Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support
Vinsinfo
Shopify Partner
318 116 114

@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.
Please reach out to bizdev@vinsinfo.com for any enquires related to Shopify.
Our Services: Custom Theme Development, Theme Customization, Custom Feature Implementation, Data Migration, Custom APP Development, Website Optimization and Google Merchant Center Support

Team_OSC
Shopify Partner
153 17 20

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
153 17 20

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