Center a text of "Image with Text" with Sense Theme

Store Design
,
1

Hi, i try to center my Text on the Homepage. At the moment its aligned to the left like this:

Unbenannt.PNG
Unbenannt.PNG423Ă—225 7.2 KB

2

Hello @Lennardb19 ,

It’s GemPages support team and glad to support you today.

Could you please share your store URL ( with the password if your store password is enabled ) then I can see and suggest something for you?

Best regards,
GemPages Support Team

3

Sure. Chiropel.com

4

Hi @Lennardb19

This is Victor from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css.

Step 3: Paste the below code at bottom of the file → Save

.image-with-text__content {

align-items: center !important;

text-align: center !important;

}

Hope that my solution works for you.

Best regards,

Victor | PageFly

5

Worked. Thank you.

Can you maybe also tell me how i remove the image shadows from all of my images?

6

You are welcome @Lennardb19 :blush:
You can try this code for removing the image shadows.

::after {
box-shadow: unset !important;
}

Hope that my solution works for you.

Best regards,

Victor | PageFly

7

Thank you for your help! Also worked. :grinning_face_with_smiling_eyes:

8

yeah!!!I’m glad that I can help @Lennardb19 :blush:

9

Hi. I have another question im sry..

I want my pictures to fully fill the left and right side on smartphone witheout rounded corners.

Unbenannt.PNG
Unbenannt.PNG1312Ă—322 76.3 KB

10

You can try again with this code:

@media screen and (max-width: 767px){
.section-template–17128631140657__6de000d0-b300-42d8-9f41-bba123bb1543-padding, .section-template–17128631140657__5526885b-8707-4b59-b6a3-1fd10eba15d2-padding, .section-template–17128631140657__8bee4a63-4b43-47ea-80fc-f9d32c73c09e-padding {
padding: 0 !important;
}
.image-with-text.collapse-corners:not(.image-with-text–overlap) .image-with-text__media-item:after, .image-with-text.collapse-corners:not(.image-with-text–overlap) .grid__item .image-with-text__media, .image-with-text.collapse-corners:not(.image-with-text–overlap) .image-with-text__media img {
border-radius: 0 !important;
}
}

Hope that my solution works for you.

Best regards,

Victor | PageFly

11

Yes! Worked again. Thank you

12

You are welcome @Lennardb19 :wink: