Personal tools
You are here: Home Luminescence (blog) Categories CSS
« July 2008 »
Su Mo Tu We Th Fr Sa
    1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
Sobre este blog
Musings and meanderings on web technology. Primarily Open Source CMS and it's perks and pitfalls.
 
Document Actions

CSS

Up one level CSS
Neat tricks, gorgeous css sites and just plain keeping you up to date on Plone css wizardry.

Document Actions

Plone Design tip for today

removing a background image or color from Kupu content area

by admin publicado em 2007-10-22 16:39 last modified 2007-10-22 16:39

So you've created this gorgeous theme with a gradient background on your "body" selector and then you go to edit the content and "ta da" you have the same background gradient in your Kupu editing box!

The Kupu editing box has a background-color: transparent; so it shows whatever you have specified as a background color or image on your site within the iframe for your content area.


If you add the following to your ploneCustom.css (or if using DIYPloneStyle.. to your mytheme.css) you can hide that background color.
iframe.kupu-editor-iframe body{
background-color: white !important;
}

iframe.kupu-editor-textarea, .kupu-html {
background-color: white !important;
background-image: none !important;}

body.kupu {
background-image: none !important;
}
Categoria(s)
CSS CSS
O URL para efectuar trackback desta entrada é:
http://www.csquaredtech.com/luminescence/plone-design-tip-for-today/tbping