Overriding CSS ".articledescription"

miwie · 01-17-2011, 01:22 PM

How do I override the CSS for .articledescription in a recipe. The default value for font-size: 0.7em; looks to small for me.

Tegan · 01-17-2011, 02:32 PM

extra_css = '.articledescription {font-size: whatsizeyouprefer;}'

I think. I'm a newbie too, but it works for me.

miwie · 01-18-2011, 01:31 AM

Quote:

Originally Posted by Tegan

extra_css = '.articledescription {font-size: whatsizeyouprefer;}'

This was my first thought too, but it does not work. After including extra_css = '.articledescription {font-size: 1.0em;}' in the recipe I still find .articledescription {...; font-size: 0.7em; ...}' in the stylesheet.css file.

Any other hints?

kovidgoyal · 01-18-2011, 01:51 AM

The relevant variable is template_css

miwie · 01-18-2011, 02:26 AM

Quote:

Originally Posted by kovidgoyal

The relevant variable is template_css

I tried that to no avail.
How I'm supposed to override this variable? I tried setting only the wanted part (.articledescription, tried .article_description too!) as well as provided the complete (modified) content of template_css.

kovidgoyal · 01-18-2011, 10:55 AM

You need to replace it fully. That's where the css is taken from, though IIRC, some output profiles provide their own css, in which case it's not so easy to override.

miwie · 01-18-2011, 11:30 AM

Quote:

Originally Posted by kovidgoyal

You need to replace it fully. That's where the css is taken from, though IIRC, some output profiles provide their own css, in which case it's not so easy to override.

OK, I give up now on this issue, can't get it to work (el_pais.recipe, EPUB)

01-17-2011, 01:22 PM	#1
miwie Connoisseur Posts: 76 Karma: 12 Join Date: Nov 2010 Device: Android, PB Pro 602	Overriding CSS ".articledescription" How do I override the CSS for .articledescription in a recipe. The default value for font-size: 0.7em; looks to small for me.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
CSS to "wrap" text between two .xhtml files?	december	Sigil	28	12-06-2013 03:29 PM
Is there a way to get Calibre to retain "!important" in a css?	PatNY	Calibre	1	01-06-2011 12:31 PM
Woher bekomme ich "Infinite Jest" oder "Unendlicher Spaß" von David Foster Wallace?	bitschnau	Erste Hilfe	3	11-01-2010 01:22 PM
using "Extra CSS" box	RedRoverJ	Calibre	4	06-25-2010 07:08 PM
Suggestion: Don't set "color" tag in .epub css	McAlsop	Calibre	16	06-17-2010 09:13 AM

01-17-2011, 02:32 PM	#2
Tegan Connoisseur Posts: 59 Karma: 10 Join Date: Jan 2011 Device: Kindle 1st Gen, Kindle 3 SO	extra_css = '.articledescription {font-size: whatsizeyouprefer;}' I think. I'm a newbie too, but it works for me.

01-18-2011, 01:51 AM	#4
kovidgoyal creator of calibre Posts: 45,156 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	The relevant variable is template_css

01-18-2011, 10:55 AM	#6
kovidgoyal creator of calibre Posts: 45,156 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	You need to replace it fully. That's where the css is taken from, though IIRC, some output profiles provide their own css, in which case it's not so easy to override.

Advert

Advert