oxygen header

• 

  orbitwords · Member · Aug 15, 2012 at 6:57 pm

  • Copy link
  • Add topic to favorites

  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 940×60 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: (visible only to logged in users)

• 

  timethief · Member · Aug 15, 2012 at 7:10 pm

  • Copy link

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

• 

  orbitwords · Member · Aug 15, 2012 at 7:19 pm

  • Copy link

  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…

• 

  timethief · Member · Aug 15, 2012 at 7:26 pm

  • Copy link

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

• 

  orbitwords · Member · Aug 15, 2012 at 7:38 pm

  • Copy link

  thank you

• 

  timethief · Member · Aug 15, 2012 at 7:41 pm

  • Copy link

  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.

• 

  natayholmes · Member · Aug 15, 2012 at 8:40 pm

  • Copy link

  I’ll be looking forward to the answer….

  need help as well…

• 

  mattwiebe · Member · Aug 15, 2012 at 8:43 pm

  • Copy link

  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 {
width: 100%;
}

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