Custom Content: How to place images under text?

Solved
stellaa
Excursionist
39 0 7

Hi there! I'm trying to fix a part of the website i have right now because I wanted the image under the title "Ethical Manufacturing" to be placed under the title as shown in the intended design. Any ideas on how I can do this? Must I make a separate css class solely for the image or the text? Thanks!

Current DesignCurrent Design

  

Intended DesignIntended Design

0 Likes
Pallavi
Shopify Expert
1173 153 190

This is an accepted solution.

Hello There,

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.rte__table-wrapper h13 {
position: absolute;
top: 53px;
}

.rte__table-wrapper {
position: relative;
}

.rte__table-wrapper h12 {
position: absolute;
max-width: 400px;
top: 87px;
}

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
stellaa
Excursionist
39 0 7

@Pallavi you are amazing! thank you!!!

Pallavi
Shopify Expert
1173 153 190

Kindly feel free to get back to me if you need any further assistance Thanks!

Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
stellaa
Excursionist
39 0 7

@Pallavi 

yes actually! one last thing- would you know what i should do to avoid overlapping the header text from the body text? Here's an example:

Thanks!!!! 

Screenshot 2021-02-25 at 22.07.23.png

0 Likes
Natztech
Shopify Partner
438 109 219

This is an accepted solution.

@media only screen and (max-width: 600px) {
  .rte__table-wrapper h16 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 36%;
}
}
Create your Shoppable Instagram Feed on your online store with AllFetch app

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution