Make line broad

Store Design
, , , ,
1

Hi, these body lines break because their width is too small (referring only to the 3 lines with the dots above the button, not the 2 headers above).
I tried the following code:

#shopify-section-template–21197290144073__image_banner_D9cdc8 .body {
width: 700px !important;}

But it didn’t work. Can anyone help ? I want them to be just one line texts without decreasing the font size. Thank you so much

SHOP: https://bentobay.de/

Password: bawvay

Daniel19901_0-1717497199862.png
Daniel19901_0-1717497199862.png1824×550 289 KB

2

Hi @Daniel19901 ,
Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file base.css, theme.css, styles.css or theme.scss.liquid

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

.banner.banner--content-align-right .banner__text.rte.body p {
    width: 520px !important;
    margin-left: -54px !important;
}

Here is result:

BSSCommerceHDL_0-1717498302238.png
BSSCommerceHDL_0-1717498302238.png1918×926 433 KB

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

3

screenshot.png
screenshot.png1920×1080 582 KB

I hope this will help you and if yes, please mark the job completed.

4

Hi. You can use the code below.

#shopify-section-template--21197290144073__image_banner_D9cdc8 .banner__text.rte.body {
    white-space: nowrap;
}

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

5

@AnneLuo thank you so much!!! is there a way to maintain them centered like they were and not aligned to the left ?

6

Add the css code

#shopify-section-template--21197290144073__image_banner_D9cdc8 .banner__text.rte.body p{
    display: flex;
    justify-content: center;
    align-items: baseline;
}
#shopify-section-template--21197290144073__image_banner_D9cdc8 .banner__text.rte.body strong {
    margin-right: 5px;
}

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!