search

google-code-export / minimalist-google-calendar

Automatically exported from code.google.com/p/minimalist-google-calendar
1 stars 0 forks source link

Custom CSS font change not respected in Calendar widget as well as the 'my calendars' in the left nav pane does not respect my custom CSS #43

Closed GoogleCodeExporter closed 9 years ago

GoogleCodeExporter commented 9 years ago 
Which Minimalist for Google Calendar option is causing the problem?

What is the problem? Describe completely:
The calendar widget as well as the 'my calendars' sections of the left nav pane 
does not respect my custom CSS as it does in the rest of the interface:

body, a, img, ul, p, div, td, table, tbody {
  font-family: Droid Sans;
  font-size: 9pt;
}

MinGcal version        - 0.6
Chrome version         - 12.0
Chrome update channel  - ?
Operating System       - Win7
Language               - En
Google apps user?      - yes
Other GCal extensions  - reader

Original issue reported on code.google.com by will.mac...@gmail.com on 5 Apr 2011 at 7:16

GoogleCodeExporter commented 9 years ago 
You have to remember that although the custom CSS is injected at the very end 
of the header, inline styles take precedent. This should fix your issue:

body, a, img, ul, p, div, td, table, tbody {
  font-family: Droid Sans !important;
  font-size: 9pt !important;
}

If not, you may have to look at the source and make sure your selectors are 
more specific than those that style those elements by default. The Chrome 
Developer tools are very helpful for this (right-click an element and select 
"Inspect Element").

To learn more about CSS selectors and how CSS is actually interpreted by the 
browser, see the W3C's Selectors Level 3 draft specification: 
http://www.w3.org/TR/css3-selectors/

Original comment by anst...@gmail.com on 6 Apr 2011 at 5:39