WordPress.org

Support

Support » Themes and Templates » change oxygen header width

change oxygen header width

  • I recently bought the domain and hosting for my own site and when i try to implement a header, it is very small and to the left. when i go into the header section it says suggested height and width of 100 and 400 pixels, where as it used it say something like 250 and 900 pixels. I can’t figure out how to change it back to regular size.
    Any suggestions?

    My old site
    http://www.beginningofb.wordpress.com

    New site with problems
    sweatissexy.co

Viewing 13 replies - 1 through 13 (of 13 total)
  • Try changing the id branding in custom css or child theme to 100% like below

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

    I tried that but it still didn’t change.

    WPyogi

    @wpyogi

    Forum Moderator

    Themes on .COM are not always identical to the .ORG version. You might want to simply download the .COM version here:

    http://theme.wordpress.com/themes/oxygen/

    Link on lower right sidebar.

    Otherwise, you’ll probably need to create a child theme and do some more significant modifications –

    http://codex.wordpress.org/Child_Themes

    Hi beverleyc

    I just checked and it seems that you have width still set to 45%.

    Where did you put the code?

    best to put the code in a child theme

    Ahh, i’m very new to this. I changed it in the “editor” under “appearance”
    So it looks like this
    #branding {
    float: left;
    width: 100%;
    position: relative;
    }
    #sidebar-header {
    width: 100%;
    margin-bottom: 10px;

    WPyogi

    @wpyogi

    Forum Moderator

    I changed it in the “editor” under “appearance”

    Under a custom CSS plugin hopefully?

    If you make changes to theme files, your changes will be lost when the theme is updated so that’s not a good way to go.

    Yes WPyogo is right. Don’t make changes to the theme files.

    From what I see Oxygen does have a custom css section under Appearence > customize > Miscellaneous

    There is always the option to create a child theme.

    Hi! I’m having the same problem! I didn’t know I could download the .com version and use it in the self-hosting site. Does ir really work? I want the header to be placed in the middle and to be bigger.
    I’ve tried changing the branding width but it did not work.

    Thank you!

    (this is my blog: http://titinroundtheworld.com

    Angietitin if you want your header logo to be in the middle which is in the div branding then try adding the following to your custom css:

    #branding {
    float: none;
    width:45%;
    margin: 0 auto;
    }

    Try changing the width if you want it bigger.

    I had this issue and tried all of the above but nothing worked. Then I fixed it! You do need to change the width under the branding div like dazzyweb said but make sure you check the URL of the header logo. It may be automatically refering to a resized version.

    Go to:
    -Appearance
    -Theme Settings

    Then check where it says logo. If you clicked upload and uploaded the logo there take a look at the end of the url. It may say something like:

    http://www.yoursite.com/wp-content/uploads/2013/12/LOGO-300×37.jpg

    This is referring to a resized version of the logo you uploaded. Take off the dimensions they added so that it looks more like:

    http://www.yoursite.com/wp-content/uploads/2013/12/LOGO.jpg

    This will give you the full resolution of the logo you uploaded. Now you can adjust the size by changing the width like dazzyweb originally stated. I hope this helps someone!

    I have the sama problem, went from .com to .org and my header is way to small. I have tried everything what all you said above (except childtheme). Can anyone help me please…
    Link to my site http://hallohashimoto.nl/

    I have solved the problem! I uploaded the plugin One click Child theme and I have placed this in it:

    /* Header
    ————————————————————– */
    #header {
    clear: both;
    width: 100%;
    float: left;
    padding: 40px 0 0 0;
    }
    #branding {
    float: left;
    width: 100%
    overflow: hidden;

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘change oxygen header width’ is closed to new replies.