WordPress.org

Ready to get started?Download WordPress

Forums

Oxygen
change oxygen header width (14 posts)

  1. beverleyc
    Member
    Posted 8 months ago #

    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

  2. dazzyweb
    Member
    Posted 8 months ago #

    Try changing the id branding in custom css or child theme to 100% like below

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

  3. beverleyc
    Member
    Posted 8 months ago #

    I tried that but it still didn't change.

  4. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

    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

  5. dazzyweb
    Member
    Posted 8 months ago #

    Hi beverleyc

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

  6. dazzyweb
    Member
    Posted 8 months ago #

    Where did you put the code?

    best to put the code in a child theme

  7. beverleyc
    Member
    Posted 8 months ago #

    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;

  8. WPyogi
    Volunteer Moderator
    Posted 8 months ago #

    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.

  9. dazzyweb
    Member
    Posted 8 months ago #

    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.

  10. Angietitin
    Member
    Posted 8 months ago #

    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

  11. dazzyweb
    Member
    Posted 8 months ago #

    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.

  12. revjp
    Member
    Posted 8 months ago #

    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-300x37.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!

  13. murielconen
    Member
    Posted 7 months ago #

    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/

  14. murielconen
    Member
    Posted 6 months ago #

    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;

Reply

You must log in to post.

About this Theme

About this Topic