Changing image width in the economist

goios · 04-24-2014, 11:56 AM

The economist recipe sometimes produces images that are too wide for my kobo touch (800x600). I tried to add an extra-css "img {max-width: 100%;}" which does appear in the divs created by the recipe, but the fixed "width" and "height" attributes are still in all the divs corresponding to images. The result is that the images appear distorted.

I tried adding extra-css "img {height: auto}" but it does not replace the fixed heights in those divs. How can I erase the fixed width and height from these divs?

Thanks

kovidgoyal · 04-24-2014, 01:29 PM

Use preprocess_html in the recipe.

04-24-2014, 11:56 AM	#1
goios Junior Member Posts: 2 Karma: 10 Join Date: Apr 2014 Device: kindle paperwhite 10th gen	Changing image width in the economist The economist recipe sometimes produces images that are too wide for my kobo touch (800x600). I tried to add an extra-css "img {max-width: 100%;}" which does appear in the divs created by the recipe, but the fixed "width" and "height" attributes are still in all the divs corresponding to images. The result is that the images appear distorted. I tried adding extra-css "img {height: auto}" but it does not replace the fixed heights in those divs. How can I erase the fixed width and height from these divs? Thanks

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
problem with floating image and relative width	jobalcaen	ePub	5	08-17-2013 07:53 AM
Is Economist changing things?	Gregfromcos	Recipes	1	11-10-2011 09:43 PM
Setting Image width on news feed	Wiggles	Calibre	2	08-13-2010 02:10 AM
Changing Margin Settings to use full width of the Screen???	JBlyth	Kobo Reader	9	07-05-2010 09:54 AM
Changing Margin Settings to use full width of the Screen	JBlyth	Kobo Reader	0	07-02-2010 10:31 PM

04-24-2014, 01:29 PM	#2
kovidgoyal creator of calibre Posts: 45,185 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Use preprocess_html in the recipe.

Advert