Need help? Check out our Support site, then


WordPress.com Forums » CSS Customization

oxygen header

  1. orbitwords
    Member

    Hi,

    What is the css code for making my header go all the way across the top of the page in Oxygen theme?

    I have tried this:

    .page-template-showcase-php #page {
    background: url("URL OF IMAGE") no-repeat scroll 0 0 transparent;
    }

    but it changes the background of the homepage.

    I was also trying to scale my header image (a new one, not the one you can see on the site now) down to 940x60 but it wasn't saving so was trying it at slightly larger sizes. Does it HAVE to be 940? And if so, what can I do if it won't save as that??!

    Thanks

    The blog I need help with is gd-designerstyle.com.

  2. timethief
    Member

    I useed Google search for this string
    - oxygen CSS header site:en.forums.wordpress.com
    and located this thread > http://en.forums.wordpress.com/topic/custom-header-css-code-for-oxygen-theme?replies=2#post-961563

  3. orbitwords
    Member

    yes that's the one I found too and have tried it but that css code is the one that changes my homepage background and doesn't do anything to the header...

  4. timethief
    Member

    The custom design upgrade comes with Staff support and I have flagged this thread for Staff attention so you get the support you need.

  5. orbitwords
    Member

    thank you

  6. timethief
    Member

    You're welcome. Though we do have a Volunteer who frequently helps with CSS editing he's vacationing this month and isn't available to help.

  7. natayholmes
    Member

    I'll be looking forward to the answer....

    need help as well...

  8. mattwiebe
    Staff

    Hi orbitwords

    The best way to manage this would be to upload a header image that is already 940px wide, which corresponds to the maximum width of the theme. Your current image is only 502px wide and won't look very good scaled up.

    If you do that, you shouldn't need any extra CSS. But one quick line you could add to your CSS to stretch the image all the way across would be:

    #masthead img {<br /> width: 100%;<br /> }

    But again, that will produce a stretched image that won't look the greatest: uploading a 940px wide image is your best bet.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags