Moving text & subtitle on Multi-column section

[1F]

Hi there,

I would love to move the text, subtitle and make the image clickable on multi column section on dawn theme 10.0.0.

I would like it for mobile and desktop version.

my website is: www.leaderlimousines.com

---

now:

---

What I would like

thank you very much guys!

[ZestardTech]

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset > base.css and paste this at the Bottom of the file:

.page-width.section-template--19229542842714__multicolumn-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-card.content-container {
position: relative;
}
.page-width.section-template--19229542842714__multicolumn-padding.isolate.scroll-trigger.animate--slide-in .multicolumn-card__info {
position: absolute;
top: 0;
bottom: 0;
right: 0;
left: 11px;
}
.page-width.section-template--19229542842714__multicolumn-padding .multicolumn-card__info h4 strong {
color: #fff;
font-weight:bold;
}
.page-width.section-template--19229542842714__multicolumn-padding a.link.animate-arrow {
color: #fff;
font-weight:bold;
}

[BSS-Commerce]

Hi @1F , you can follow these steps

1. Go to edit code of live theme
2. Find base.css and add the code below:

#shopify-section-template--19229542842714__multicolumn .multicolumn-card__image-wrapper {
   position: relative;
}

#shopify-section-template--19229542842714__multicolumn .multicolumn-card__info {
   position: absolute;
   top: 0;
   left: 11px;
}

#shopify-section-template--19229542842714__multicolumn h4 strong,
#shopify-section-template--19229542842714__multicolumn .link.animate-arrow {
  color: white;
  font-weight: bolder;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

Result:

Hope it helps @1F !

[1F]

Thank you very much but it doesn’t work for me. I tried with different version of my theme to see if it was because of some other changes on my code but nothing works. Appreciate

[1F]

Thank you very much but it doesn’t work for me. I tried with different version of my theme to see if it was because of some other changes on my code but nothing works. Appreciate. If it works with another code, that means ALL my multi column section will be like that? Because for some of them, I need to keep the text and title below the image.

[1F]

Hi guys. I would like to move the title and description of a column to the multi-column section. Instead of having it below, I would like the title and description to be directly on the image.
I don’t want this to be the case for all my multi-column sections, so would it be possible to create a CSS code that I could add to each desired section? Thank you.

like that: