WordPress.org

Support

Support » Themes and Templates » Oxygen » [Resolved] [Theme: Oxygen] Background Image Transparency

[Resolved] [Theme: Oxygen] Background Image Transparency

  • Installing Oxygen in wordpress.com the background image looks ok.

    On a hosted wordpress installation, the background image comes bleeds through the background colour (white).

    Any ideas how to get it to respect the content area?

    This is the site with the background image working properly -> edutelligence.wordpress.com
    and this is the site where the background image is coming through incorrectly -> lzuniga.com

    Any ideas are welcome.

    Luis

    http://wordpress.org/extend/themes/oxygen/

Viewing 9 replies - 1 through 9 (of 9 total)
  • WPyogi

    @wpyogi

    Forum Moderator

    You need to add a background color of white to the #wrap div:

    .wrap {
        background-color: white;
        margin: 0 auto;
        max-width: 940px;
        position: relative;
    }

    But be forewarned that unless you use a child theme, you will lose any changes when your theme is updated…

    Also, just so you know the “same” themes are not necessarily the same between wp.com and wp.org versions.

    oh thank you!

    It seems to work, except for the margins.

    They white area around the content needs to be extended a bit.

    Would that be done increasing the max-width?

    THanks again!

    Luis

    ah, I saw your other post and added the padding.

    all good now.

    Thanks!

    Luis

    For those following the thread, here is the solution that worked for me:

    1. edit styles.css found under Appearance/Editor
    2. replace the following:

    .wrap {
    	max-width: 940px;
    	margin: 0 auto;
    	position: relative;
    }

    with this:

    .wrap {
    background-color: white;
    margin: 0 auto;
    max-width: 940px;
    padding: 0 30px;
    position: relative;
    }

    done!

    Jana

    @janajanasnydercom

    Thank you, Luis!!!

    This doesn’t work for me. Somehow the changes get overwritten back to the default format. Any idea?

    Appreciated any help on this!

    Thanks.

    Are you changing the template on a self-hosted wordpress site?

    I am having the same issue! I’ve tried the code but nothing happens, I’m using the oxygen theme on a self-hosted wordpress.

    Make sure you are editing the styles.css file. Do a search for the .wrap section and confirm it is the same as posted above. If it is not, you might not be in the right file.

    Also note that if the theme is updated or re-installed, you will lose the changes.

    Other than that, I can’t say why the changes might not be sticking.

    What version of oxygen are you using?

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘[Resolved] [Theme: Oxygen] Background Image Transparency’ is closed to new replies.
Skip to toolbar