Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #5972

    Hi everyone,

    I’m trying to change the background of the Corona theme and have changing backgrounds instead.

    Already got the Better Backgrounds plugin (http://wordpress.org/extend/plugins/better-backgrounds/) up and running and it is working perfectly, but my problem is that in Corona, the image background and/or the background color (this option is only available when you have a boxed layout) you are forced to pick in the Layout & Settings section of Corona Theme Options is on top (z-index) of the changing backgrounds created by the BB plugin. When you have a problem like this with a theme, the BB documentation recommends to look in the style sheet of the theme for any “background-image:” or “backckground:url()” attributes added to things like the “#wrapper” or “body” and remove those lines of code.

    My problem is that I can’t find that in Corona’s style.css (Corona documentation says in http://docs.kriesi.at/corona/documentation/#cssFiles that style.css holds the basic markup for the layout) or in header.php the part of the code that produces these lines of codes (the final rendered page in the browser) right before the closing < / head >:

    html, body{

    background-color:#0015ff;

    }

    .boxed #wrap_all{

    border-color:#0003dd;

    }

    html, body{

    background-image:url(http://localhost/wp-content/uploads/2011/09/clear.png);

    }

    html, body{

    background-position:top center;

    }

    As you can see above, I tried to cheat by having a transparent PNG as the background image you set in the Layout & Settings section of Corona Theme Options so that way you could see the images BB plugin puts in the background. That didn’t work because the Background color is always there (even if you don’t pick a Background color in Corona Theme Options, you get a dark grey one).

    So my question is, in which file and part resides the lines of code that specify the background color and background image you set in the Layout & Settings section of Corona Theme Options ?

    Hope I was clear enough

    #52405

    Ok. I found a workaround. In the Quick CSS field of the Styling section, I entered the following code (and got BB plugin working, that means I now have changing full screen image backgrounds):

    html, body{

    background-color: transparent;

    }

    html, body{

    background-image: none;

    }

    However, I still would like to know how to find those lines of codes related to background color and image that Corona Theme Options write when you choose boxed layout.

    #52406

    Forget about that. The trick only works in IE, I still get the same thing in Firefox and Chrome (even if the resulting HTML code in all browser is the same)

    I definitely need to find a way to modify these lines:

    html, body{

    background-color:#0015ff;

    }

    html, body{

    background-image:url(http://localhost/wp-content/uploads/2011/09/clear.png);

    }

    #52407

    Ok, now I got the workaround to work in all browsers by writing those lines of codes I inserted in Quick CSS into the custom.css file.

    html, body{

    background-color: transparent;

    }

    html, body{

    background-image: none;

    }

    #52408

    Glad that you found a solution. Minified version would be:

    html, body{

    background: transparent none;

    }

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘CSS Background Image & Color in Boxed Layout’ is closed to new replies.