[resolved] [Theme: Oxygen] Can't show header in full size (8 posts)

  1. nsawen
    Posted 2 years ago #

    After updating the Oxygen theme from 0.3.6 to 0.5 I'm having one big problem.

    My image header used to be 760x243 px in size. The theme showed the image in that size after I added the following CSS:

    #branding { width: 100 }.

    However, after updating, the image keeps appearing as 423x135 px in size instead of its original size.

    How can I update the theme to show the header in full size again?

  2. nsawen
    Posted 2 years ago #

    OK, I've succeeded in resolving this problem.

    I've installed the Custom CSS Manager plugin and have copied the CSS changes from the theme settings menu to the plugin. It is also necessary to delete the custom CSS from the theme settings.

  3. diazjean
    Posted 2 years ago #

    Hello nsawen,

    Hope you are well.

    I am actually experiencing the same problem with my blog.

    I have installed the plugin as you said, but I can not find the css code i am supposed to change.

    Could you please give us more detail about the things that have to be done ?

    Thank you in advance for your return,

    Best regards.


  4. chrisnomad
    Posted 2 years ago #

    I have the same problem as Jean. Any help would be much appreciated.

  5. nsawen
    Posted 2 years ago #

    I have added this to the Custom CSS manager:

    #branding {width: 500}.

    After you do that, go to the theme customization settings and under "Miscellaneous" tab delete everything inside the "Custom CSS" box. If there is anything there, just copy it to the Custom CSS manager.

  6. mihaigiurgiu
    Posted 2 years ago #

    My problem was that i could not insert just an header image of 400px/100px.

    I have a child theme and I resolved this by inserting in my child theme the line:
    #branding { width: 100%; }
    I did not used a plugin.

    At the cropping step, after uploading the image I needed, I just made the crop at full length of the image, even if the blinking crop borders had an proportion of 400px/100px. Now, my header image has 940px/100px. I think it works with an image even taller than 100px.

    If your image is not prepared at 940px width, I think it will not be center aligned. It is a post here about how to center the header image in Oxygen theme.

  7. xikixak
    Posted 2 years ago #

    I have the same problem, my image measures 940x250px, and I modified the css several times and do not solve anything. This is my css now:

    # header {
    clear: both;
    width: 100%;
    float: left;
    padding: 40px 0 0 0;

    # branding {
    float: left;
    width: 100%;
    overflow: hidden;


    What I have to do to make it look the page width size?
    This is the blog: [Non-GPL theme moderated]

  8. Andrew
    Bawk bawk moderator
    Posted 2 years ago #

    @xikixak, please do not post your theme here as it is not released under the GPL license.

    Consider ditching that theme and using a theme distributed on WordPress.org if you want support here, or else talk to who ever gave it to you.

Topic Closed

This topic has been closed to new replies.

About this Topic