Centering Header and

  • Irrsponsible

    (@irrsponsible)


    11 years ago

    Hi All

    I have recently transferred over from WordPress.com to a self-hosted wordpress site. I was using premium customised Oxygen theme on “.com” which these customisations do not carry across to the self hosted theme so I have been doing my best to recreate these by editing the CSS. But there’s two things I can’t get to work no matte how hard I try.

    1. Centre the header image.

    So far it’s left justified. I’ve gone through these forums and tried using what has solved this problem for others but none of them seem to work for me.

    2. The Top Navbar Menu, is being pushed down by my header image and is sitting over other content below it. Anyway I can give it some space below the header image so that it’s not floating over the top of anything?

    The website I need help with is irresponsiblelife.com

    Here is what it used to look like on WordPress.com
    https://i.tinyuploads.com/pvX4D9.png

    Thanks Mike!

Viewing 5 replies - 1 through 5 (of 5 total)
  • linux4me2

    (@linux4me2)

    When I look at your site, it looks like you have quite a few CSS problems. The menus don’t appear to be styled at all, but I do see the header image is left-aligned.

    After backing up your existing child theme’s style.css, give this a try instead just for testing:

    /**
 * Theme Name: Oxygen Child
 * Template: oxygen
 *
 */
@import url("../oxygen/style.css);

#site-title {
  text-align: center;
}

    That should center your header image the way you currently have it set up in your child theme. You can work from there more easily.

    Thread Starter Irrsponsible

    (@irrsponsible)

    Hey Linux4me2

    Thanks for your help. You are right there’s a few problems going on.

    I don’t think your suggestion helped. Although it may’ve and there’s some other issues in the CSS going on that is cancelling it out.

    I think I should probably stop stabbing in the dark and try and properly learn CSS.

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    If you want to bring of the Oxygen CSS into your Child Theme then just use the ‘@import‘ line as linux4me2 demonstrated.

    You don’t need to then copy all of the CSS into your Child Theme style.css file.

    Thread Starter Irrsponsible

    (@irrsponsible)

    So clear all my style.css and just paste the code that Inux4me2 suggested above?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    I’m assuming you’ve copied all of the styles from Oxygen’s style.css file and pasted them into your Child Theme style.css file. If you have done that you don’t need those styles in your Child Theme style.css file.

    The ‘@import‘ line does this already. It copies all of the styles over.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Centering Header and’ is closed to new replies.