Change width and Height from image with text sections

[lunalucenteskin]

Hi everyone,

How can i change the width and height of the "image with text" section.

URL is https://lunalucente.com/products/youth-flawless-peptide-serum

[BSS-TekLabs]

Can you take a photo marking the part you want to edit, I will help you @lunalucenteskin .

[lunalucenteskin]

Just this one

[BSS-TekLabs]

I don't see them on your store. Have you made them public?

[lunalucenteskin]

Yes if you click the link

[BSS-TekLabs]

- Here is the solution for you @lunalucenteskin 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
.m-image-with-text__image-first {
    width: 500px !important;
    height: 300px !important;
}
</style>

- Change 500px to width you want and 300px to height you want

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.

[lunalucenteskin]

Perfect, can u help outlining the sections in the middle. Now they are way more outlined to the left

[BSS-TekLabs]

Can you republish them so I can check?

[BSS-TekLabs]

<style>
@media only screen and (min-width: 600px) {
.m-image-with-text__image, .m-image-with-text__content {
    padding: 0 !important;
}
.m-content-box.m-richtext {
    padding: 1.5rem !important;
}
.m-image-with-text__inner.m\:flex.m\:flex-wrap {
    padding-left: 10rem !important;
    padding-right: 10rem !important;
}
.m-image-with-text .container.m-section-my.m-section-py {
    margin-bottom: 0 !important;
    margin-top: 0 !important;
}
}
</style>

Please replace to this code if you want like that @lunalucenteskin