WordPress.org

Ready to get started?Download WordPress

Forums

Centering Header and (6 posts)

  1. Irrsponsible
    Member
    Posted 9 months 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
    http://i.tinyuploads.com/pvX4D9.png

    Thanks Mike!

  2. linux4me2
    Member
    Posted 9 months ago #

    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.

  3. Irrsponsible
    Member
    Posted 9 months ago #

    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.

  4. Andrew
    Forum Moderator
    Posted 9 months ago #

    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.

  5. Irrsponsible
    Member
    Posted 9 months ago #

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

  6. Andrew
    Forum Moderator
    Posted 9 months ago #

    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.

Reply

You must log in to post.

About this Topic