WordPress.org

Ready to get started?Download WordPress

Forums

Oxygen
[resolved] Background Image Transparency (10 posts)

  1. Luis
    Member
    Posted 1 year ago #

    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/

  2. WPyogi
    Volunteer Moderator
    Posted 1 year ago #

    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.

  3. Luis
    Member
    Posted 1 year ago #

    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

  4. Luis
    Member
    Posted 1 year ago #

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

    all good now.

    Thanks!

    Luis

  5. Luis
    Member
    Posted 1 year ago #

    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!

  6. Jana
    Member
    Posted 1 year ago #

    Thank you, Luis!!!

  7. shesadoll
    Member
    Posted 1 year ago #

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

    Appreciated any help on this!

    Thanks.

  8. Luis
    Member
    Posted 1 year ago #

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

  9. jenjeffery
    Member
    Posted 1 year ago #

    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.

  10. Luis
    Member
    Posted 1 year ago #

    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?

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic