How to set a text in the dame row html code

Store Design
,
1

Hey,

i want to ask how i can put my html code in the same row. The icons and texts are different in each line.

my code:

Kostenloser Versand & Retoure innerhalb Deutschland
Schnelle Lieferzeiten
Kauf auf Rechnung
12 Monate Garantie

my shop is occulto.de

2

@PhilippOcculto In which page do you have this ? icon and text

3

@Ujjaval

Hey,

i put it in a liquid on the productpage.

4

@PhilippOcculto
This one na ? it’s look perfect

Ujjaval_0-1674029150735.png
Ujjaval_0-1674029150735.png1596×748 190 KB

5

@Ujjaval

yeah, it looks good, but the text in the third line isn´t in the same row like the second line.

i want the text in the same row so it looks better

6

@PhilippOcculto
add below css into base.css file

i.fa-solid.fa-file-invoice {
    margin-left: 2px;
    padding: 1px;
}

Ujjaval_0-1674029790388.png
Ujjaval_0-1674029790388.png1600×757 179 KB

7

@Ujjaval

this code doesn´t change anything

8

@PhilippOcculto
Which kind of do you want ?

i.fa-solid.fa-file-invoice {
    padding: 5px !important;
}

Like this below now it align with the other lines

Ujjaval_0-1674030621161.png
Ujjaval_0-1674030621161.png1600×749 178 KB

9

Hello @PhilippOcculto ,

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

I would like to give you the recommendation to support you so kindly follow the steps below:

  1. Go to Online Store > Theme > Edit code of your current theme

GemPages_0-1674031272774.png
GemPages_0-1674031272774.png1857×907 102 KB

  1. Open your theme.liquid theme file

  2. Paste the below code before

If you require any further information, feel free to contact me.

Best regards,
GemPages Support Team

10 
.product__info-container .fa-solid{
    display: inline-block;
    width: 25px;
    height: 25px;
}

try this!

11

Hello @PhilippOcculto

Its Artzen Technologies! We will be happy to help you today.

.product__info-container .fa-solid fa-file-invoice{

margin-left: 2px;

padding: 2px;

}

Regards,

Artzen Technologies

12

@Ujjaval @Artzen_tech @Simonsron @GemPages

thank you so much. All of your Solutions are very helpfull