Change image at left and the text at right

skrt
New Member
6 0 1

Can I change the image position at my home page so that the image is left and the text on the right side?

i used this html code:

but it doesnt work, you can check my website : https://homelutions.myshopify.com

<div style="text-align:center;">
<h1>With HomeLutions, YOU Are In Control.</h1>
<h4>Angle HomeLutions however you like, with an effortless design that’s easy to twist and turn.</h4>
<img src="https://cdn.shopify.com/s/files/1/0587/4476/6641/files/des.jpg?v=1626865307" align="left">
</div>

<h3>Mobile Control + Clear Two-Way Audio Communication</h3>
<p>Tell HomeLutions what to do from the palm of your hand. There are multiple viewing modes depending on your needs, giving more choice, practicality, and of course, FUN! Did we mention that HomeLutions also has a built in microphone? This means you can greet your visitors when they’re at the door, even if you’re on the other side of the world.</p>


<h3>Motion Detection</h3>
<p>If unwelcome guests enter your space and breach your security, HomeLutions will let you know in realtime. Advanced technology means you can pan out, zoom in, tilt and track moving objects. Reliable motion detection can be activated or deactivated at any time.</p>

 i want it to look like this:

Capture d’écran 2021-07-22 131509.jpg

0 Likes
dmwwebartisan
Shopify Partner
7318 1729 2305
  <div style="text-align:center; float:left; width:50% !important;">
<h1>With HomeLutions, YOU Are In Control.</h1>
<h4>Angle HomeLutions however you like, with an effortless design that’s easy to twist and turn.</h4>
<img src="https://cdn.shopify.com/s/files/1/0587/4476/6641/files/des.jpg?v=1626865307" align="left">
</div>

<div style="text-align:center; float:right; width:50% !important;">
<h3>Mobile Control + Clear Two-Way Audio Communication</h3>
<p>Tell HomeLutions what to do from the palm of your hand. There are multiple viewing modes depending on your needs, giving more choice, practicality, and of course, FUN! Did we mention that HomeLutions also has a built in microphone? This means you can greet your visitors when they’re at the door, even if you’re on the other side of the world.</p>


<h3>Motion Detection</h3>
<p>If unwelcome guests enter your space and breach your security, HomeLutions will let you know in realtime. Advanced technology means you can pan out, zoom in, tilt and track moving objects. Reliable motion detection can be activated or deactivated at any time.</p>
</div>

@skrt 

Please try this code 

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
Pallavi
Shopify Expert
2196 357 469

Hello @skrt 

please add this one code.

<div id="wrapper">
<div style="text-align:center;">
<h1>With HomeLutions, YOU Are In Control.</h1>
<h4>Angle HomeLutions however you like, with an effortless design that’s easy to twist and turn.</h4>
</div>
<div class="twoColumn">
<img src="https://cdn.shopify.com/s/files/1/0587/4476/6641/files/des.jpg?v=1626865307" align="left">
</div>
<div class="twoColumn">
<h3>Mobile Control + Clear Two-Way Audio Communication</h3>
<p>Tell HomeLutions what to do from the palm of your hand. There are multiple viewing modes depending on your needs, giving more choice, practicality, and of course, FUN! Did we mention that HomeLutions also has a built in microphone? This means you can greet your visitors when they’re at the door, even if you’re on the other side of the world.</p>


<h3>Motion Detection</h3>
<p>If unwelcome guests enter your space and breach your security, HomeLutions will let you know in realtime. Advanced technology means you can pan out, zoom in, tilt and track moving objects. Reliable motion detection can be activated or deactivated at any time.</p>

</div>
</div

#wrapper{
border: 1px solid black;
}
.twoColumn{
width: 49%;
float:left;
border: 1px solid red;
}
img{
max-width: 100%;
}
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
skrt
New Member
6 0 1

the first one worked, but its not comprehensive you can check the picture

Capture d’écran 2021-07-22 150142.jpg

0 Likes