changing font color

On this page www.westside-bible.org/calendar our calendar displays as a white font on a blue background on the desktop version. But on a smartphone, the font is dark blue on a blue background which makes it difficult to read. The font color of the rest of the site is fine. Where can I change the font color on just this calendar page?

Hi rbpap4.

Thanks for using Mobile Joomla! forum. You can change the color by adding this CSS to your /templates/mobile_smartphone/css/custom.css :

fc-event-inner tooltipstered a, a:link, a:visited {
  color: white
}

Please also see screenshot: screencast.com/t/BANDX5cC

Let us know if you have further questions.


Best,

John Mark C.
Mobile Joomla! Support

I changed this CSS so it is now:

body {
overflow:auto;
font-size:12px;
width: 90%;
margin-left: 20px;

}
fc-event-inner tooltipstered a, a:link, a:visited {
color: white
}

But it didn’t make a difference. Am I missing something here?

Hi rbpap4.

May I ask which CSS file did you edit?

Please add the CSS codes to this file: /templates/mobile_smartphone/css/custom.css

Can you provide a screenshot of the file it self?

Thanks.


John Mark C.
Mobile Joomla! Suppor

Yes, that is the file I modified - /templates/mobile_smartphone/css/custom.css. I'm attaching a screenshot of the code. Is this correct?

Also attached is a screenshot of the mobile calendar showing the hard-to-read blue text on blue.

Hi.

It looks like you got it all working. You inserted the codes in the correct file. It can also be seen using a browser: www.westside-bible.org/templates/mobile_smartphone/css/custom.css

screencast.com/t/hgE249mJ

Let us know if you have further questions.


Best,

John Mark C.
Mobile Joomla! Support

Actually, it isn't working. On my smartphone, the font is still blue, not white. See the attached screenshot.

Hi.

I'm using Asus Zenfone 2 and its working in my end. Please see screenshot: screencast.com/t/4q5OQO7AZ

I have the following questions to help us resolve this issue:
1.) Brand and Model of your mobile phone.
2.) Can you try a different mobile phone to test the calendar?

Best,

John Mark C.
Mobile Joomla! Support

You are right. I had to clear the browser cache, and now it is working correctly. Thank you. You can close this case.

Hi.

I'm glad to know its all working. Let us know if you have questions so that we can help right away.

John Mark C.
Mobile Joomla! Support