Welcome, Guest
Username Password: Remember me

changing font color
(1 viewing) (1) Guest
  • Page:
  • 1

TOPIC: changing font color

changing font color 9 years, 4 months ago #19212

  • rbpap4
  • OFFLINE
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
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?

Re: changing font color 9 years, 4 months ago #19217

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

Re: changing font color 9 years, 4 months ago #19220

  • rbpap4
  • OFFLINE
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
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?

Re: changing font color 9 years, 4 months ago #19222

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

Re: changing font color 9 years, 4 months ago #19226

  • rbpap4
  • OFFLINE
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
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.
Attachments:

Re: changing font color 9 years, 4 months ago #19227

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

Re: changing font color 9 years, 4 months ago #19231

  • rbpap4
  • OFFLINE
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
Actually, it isn't working. On my smartphone, the font is still blue, not white. See the attached screenshot.
Attachments:

Re: changing font color 9 years, 4 months ago #19232

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

Re: changing font color 9 years, 4 months ago #19236

  • rbpap4
  • OFFLINE
  • Fresh Boarder
  • Posts: 7
  • Karma: 0
You are right. I had to clear the browser cache, and now it is working correctly. Thank you. You can close this case.

Re: changing font color 9 years, 4 months ago #19240

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
  • Page:
  • 1
Time to create page: 0.18 seconds

By continuing to use this site you consent to the use of cookies on your device as described in our cookie policy unless you have disabled them. This site will not function correctly without cookies.

I accept cookies from this site.