Rich Text - Move Titel completely to the left and text in the midde?

Store Design
, ,
1

Hello,

I would like to make the changed displayed in the picture, can someone help me?

Thank you!

URL: https://suq5b8csct01fyzg-61270851797.shopifypreview.com/

Im using the Trade theme.

Bildschirmfoto 2024-07-14 um 12.15.13 AM.png
Bildschirmfoto 2024-07-14 um 12.15.13 AM.png710×418 39.7 KB

2

Hi @KimGottwald You can follow these steps:

Step 1: Go to Online store > Themes > Edit code

BSSCommerceTC_0-1720949003696.png
BSSCommerceTC_0-1720949003696.png1707×902 124 KB

Step 2: find file base.css

Step 3: add code snippet below to the bottom of file base.css

@media screen and (min-width: 990px) {
    .rich-text__blocks {
        max-width: 78rem;
        display: flex;
        gap: 120px;
        justify-content: flex-start;
    }
    .rich-text__heading {
        margin-top: 2rem;
        width: 260px;
    }
    .rich-text__text {
        flex: 1;
    }
}

Result:

BSSCommerceTC_1-1720949069243.png
BSSCommerceTC_1-1720949069243.png1314×823 110 KB

1 Like
3

Thank you, is it possible to move the title even more to the left and make the normal text centered and not to the left? THANK YOU :slightly_smiling_face:

4

Hi @KimGottwald ,

Can you share the URL link to the store again? I can’t check it on your website.