Blank space between the two section (image - text)

[OriHacohen]

hello,

i want to add white blank space between the two section (image - text) - in the red marked square.

the store url is padpal.co.il

id appreciate a helping hand on that matter,

thank you.

[Guleria]

Hello @OriHacohen ,

Follow these steps:

1. Go to Online Store → Theme → Edit code

2. Open your base.css file and paste the following code at the bottom:

@media screen and (min-width: 750px) {
.image-with-text__text-item.grid__item {
    padding-right: 20px;
}
}

Thanks

[OriHacohen]

hello! thank you for the solution, it worked. there is one minor problem tho - there are two images with texts, one after another. i would their edges to be the same line. here how it looks now:

if you can find a solution to that it will be perfect - just need the right side to be align between to two images with texts.

is it possible to make the two sections a bit smaller on desktop view?

and also make the boxes the same size in mobile view?

thank you!

[BSSCommerce-TC]

Hi @OriHacohen ,

You can follow these steps

Step 1: Go to Online store > Themes > Edit code and find base.css file

Step 2: Insert below code at the end file and Save them

@media screen and (min-width: 750px) {
    .section-template--15385986695273__image_with_text_XtJ7Et-padding .image-with-text__text-item.grid__item {
        padding-right: 40px;
    }
}

Result:

desktop:

Mobile:

If helpful then let us know giving a Like and Accept Solution.

[OriHacohen]

thank you, i accepted that as a solution. there is one more thing tho,

the image and text boxes are still not the same size:

is it possible to make all of the boxes (4) the same size?

for example it will be good if all of them would be in the same size as:

thank you very much. i appreciate the help.