How can I change the text color in my store's region script?

[Danielpochapski]

Hey guys,

I have a region script in my store. However, I would like to change the colors of the city, state and region, and I am not able to. Besides can you help me? I am attaching a picture, the script, and also my store url. Thanks!

URL: smartcasashop.com.br

script:

:root { --cor-da-barra: #e74c3c; /* COR DA BARRA */ --cor-do-texto: #ffffff; /* COR DO TEXTO */ --cor-do-icone: #ffffff; /* COR DO ÍCONE */ } .mobile #barra {float: left;padding: 12px 0px 12px 7px;height: 100%;width: 1400px;margin: 0 auto;} .modelo {background-color: var(--cor-da-barra);color: var(--cor-do-texto);height: 44px;width: 100%;display: flex;} .mobile #barra #bloco {float: left;height: 20px;display: inline-block;width: 85%;} .mobile #barra #bloco .continuo {float: left;clear: both;font-size: 13px;line-height: 20px;display: inline-block;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .mobile #barra #icone {background-position: -75px -340px;width: 20px;height: 20px;float: left;margin: 0px 4px 0 0px;} .biline {background-size: 275px;} @media (max-width: 768px) { .mobile #barra {width: 100%;} .mobile #barra #icone {margin: 0px 4px 0 20px;} }

[GemPages]

Hello @Danielpochapski ,

It’s the GemPages Support Team and we are glad to assist you today!

You could please try changing this code that I highlight in the image to the below code:

$("#cliente").html("Ofertas para {{ customer.first_name | capitalize }} {%- if customer.first_name -%} -  {%- endif -%}" + "" + regiao + "" + " e " + "Região.");

Let us know how it works for you.

Best regards,
GemPages Support Team

[Danielpochapski]

Thanks @GemPages Team for your response.

The modifications are working perfectly.
I have one more question, I would like to make the region (In this case: Ivaí, PR in bold. How do I do that? For “region”, I added Region and it worked perfectly.

Thank you one more time.