Change Text Color On Template Top Bar - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →

Change Text Color On Template Top Bar

JK

Jan Korshavn

Template 4 years ago

Hi, Could you please assist me in finding a way to change the color of the contact phone on the upper left of the top bar of Tixon template? It's show ok on PC/browser, but for some reason the text color is much darker and invisible using i.e. an iPhone.. Could that bw because the phone sees the number as a link to click on for calling?

Any solution to fix this, maybe some custom CSS?

Best regards, Jan Korshavn

0
7 Answers
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #8981

Hello Jan,

Please, replace the code line color: red; with color: red !important; .

I hope, that will fix the issue. Thanks!

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #8891

Hello Jan,

Please, have a look at the documentation here to see where to add custom CSS.

Add the below custom CSS to change the color.

.sp-contact-info li {
    color: red;
}

Thank you!

0
JK
Jan Korshavn
Accepted Answer
4 years ago #8960

Well, that changed the text color of the mailadresse - and phone number using PC/browser.... ;-)

However, on a smart phone (iPhone at least), the color of the phone number is still dark.. Is that possible to overrun?

0
JK
Jan Korshavn
Accepted Answer
4 years ago #9142

Thx Muntasir, but that didn't change anything... An iPhone still presents the contact phone number with a darker text, in fact almost invisible on the background color I would like to use..

Any other suggestions.? Anyone?

0
Pavel
Pavel
Accepted Answer
4 years ago #9143

Hi. This is due to the fault of the iPhone. Set this meta tag to Head.

<meta name="format-detection" content="telephone=no">
0
JK
Jan Korshavn
Accepted Answer
4 years ago #9144

Thx Pavel, I will maybe try that later. For now I found a work-around using a standard Joomla modul in Top1, that also showed the email address as a link - and all the text in light color.. even though the phone number is there as before.. ;-)

0
Muntasir Sakib
Muntasir Sakib
Accepted Answer
Support Agent 4 years ago #9160

Hello Jan,

I am glad to know that you have figured out the issue and fixed it.

However, please accept one of the answer in the conversation to close it so that others with similar problem can figure it out easily.

Thank you!

0