Image with text - dawn theme

Solved
Romy_cocoterra
Tourist
6 0 6

Hi!

I would like to change the -image with text- section on my homepage.

The default ratio is 50/50 I think, but I would like to change this to 30%(photo)/70%(text). The section (and also the photo) is very long now because of the length of my text.

Is it possible to do this? I tried looking for it in the code, but couldn't find it..

Thanks!!

> example:

Screen Shot 2021-11-04 at 18.40.00.png

Accepted Solutions (2)

Accepted Solutions
KetanKumar
Shopify Partner
24919 2497 9033

This is an accepted solution.

@Romy_cocoterra 

thanks for confirm please try this code

.image-with-text__media img {
    object-fit: contain;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

KetanKumar
Shopify Partner
24919 2497 9033

This is an accepted solution.

@Romy_cocoterra 

oh sorry for that issue 

yes please remove my all code and update this 

@media screen and (min-width: 750px) {
#shopify-section-template--15348385710315__1636022514427fa5df .image-with-text .grid__item {
    width: 70%;
}
#shopify-section-template--15348385710315__1636022514427fa5df .image-with-text .grid__item:first-child {
    width: 30%;
}
.image-with-text__media img {
    object-fit: contain;
}
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post

Replies 13 (13)
KetanKumar
Shopify Partner
24919 2497 9033

@Romy_cocoterra 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Romy_cocoterra
Tourist
6 0 6

Hi @KetanKumar ,

it's https://cocoterra.nl/

thanks!!

KetanKumar
Shopify Partner
24919 2497 9033

@Romy_cocoterra 

thanks for store url but your store is password protect

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Romy_cocoterra
Tourist
6 0 6

@KetanKumar , oops sorry it's: abcde

KetanKumar
Shopify Partner
24919 2497 9033

@Romy_cocoterra 

no rush thanks for update please try this code

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

#shopify-section-template--15348385710315__1636022514427fa5df .image-with-text .grid__item {
    width: 70%;
}
#shopify-section-template--15348385710315__1636022514427fa5df .image-with-text .grid__item:first-child {
    width: 30%;
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Romy_cocoterra
Tourist
6 0 6

Thanks! it worked for the ratio of text/photo.

But the picture will be cut off now:

Screen Shot 2021-11-09 at 20.16.05.jpg

Would it be possible to keep the image square shape and just make it smaller?

KetanKumar
Shopify Partner
24919 2497 9033

@Romy_cocoterra 

yes please confirm this look?

KetanKumar_0-1636486467639.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Romy_cocoterra
Tourist
6 0 6

@ketankamur , Yess looks good!

KetanKumar
Shopify Partner
24919 2497 9033

This is an accepted solution.

@Romy_cocoterra 

thanks for confirm please try this code

.image-with-text__media img {
    object-fit: contain;
}
If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing

View solution in original post