Height of text in custom liquid

[Eline12]

Hi everyone,

I've a question about a custom liquid I implemented in my store.

Unfortunately I haven't been able to center the text in the middle of the image I uploaded through the custom liquid. Let me show you what I mean by posting images:

I'd like to have the text "4.5 / 5 sterren op Trustpilot" centering in the middle of the image. Like this (without the black line ofcourse, just a quick edit through paint):

My website link = https://tlysocvwxwkl4jp7-76486705476.shopifypreview.com

Thank you in advance.

Kind regards,

Eline

[Bilash]

which page you added this?

[Eline12]

It's on this page.

[BSS-Commerce · Accepted solution]

Hi @Eline12 

1. Go to Theme->Edit code, find file name "base.css" and add this code:

span.tp-text {
    position: absolute;
}

@media only screen and (max-width: 768px)
   span.tp-text {
      top: 3px;
   }

}

The result will be as the following image:

- PC:

- Mobile:

Hope it helps @Eline12 !

[Eline12]

Thanks a lot. That's a very good solution.

Have a nice day!