Support » Themes and Templates » Center Align Custom CSS Header

  • oasishomesusa

    (@oasishomesusa)


    I am using a custom theme but to get an image to span the whole header I was told to us a custom CSS, I have enter numerous variations and cannot get it to be aligned to cover the whole thing, it always drops down and to the right. My dimensions are correct, but I do not know how to get it to align to cover the entire height and width of the header.

    Any help would be greatly appreciated. Thank you. Below is a link to the orientation of the image

    http://awesomescreenshot.com/0c92sg0hb4

Viewing 15 replies - 1 through 15 (of 27 total)
  • esmi

    (@esmi)

    Forum Moderator

    Unless you provide a link to a page demonstrating the problem, no one will be able to offer much in the way of assistance. A screenshot is of no use.

    Moderator Andrew Nevins

    (@anevins)

    Is there any chance you could link a page with the issue?

    oasishomesusa

    (@oasishomesusa)

    http://www.oasishomesusa.com/

    Sorry folks, here s a link to the page.

    esmi

    (@esmi)

    Forum Moderator

    Try:

    #Header #logo {
        padding:0;
    }
    oasishomesusa

    (@oasishomesusa)

    Okay, thank you. Do I put that in addition to the

    custom #header {
    background: url(images/myfile.jpg) no-repeat;
    height: 135px;
    width: 1000px;
    }

    esmi

    (@esmi)

    Forum Moderator

    Yes. It needs to be added to your custom CSS.

    Moderator Andrew Nevins

    (@anevins)

    Customizr’s a responsive theme isn’t it? You don’t want to specify 1000 pixels like that

    oasishomesusa

    (@oasishomesusa)

    It almost works.

    http://www.oasishomesusa.com/

    No the image just extends to the right a bit too far, does that mean I just need to change the dimensions? It also removed the social media links I had at the top? Can I change it so it is aligned to the “back” of the other content?

    oasishomesusa

    (@oasishomesusa)

    Why would I not specify the dimensions of the image? I am fairly new to all of this.

    esmi

    (@esmi)

    Forum Moderator

    I can’t see the CSS I suggested on your site.

    oasishomesusa

    (@oasishomesusa)

    What do you mean?

    esmi

    (@esmi)

    Forum Moderator

    You need to add the CSS I gave above to whatever custom CSS module you are using on your site.

    oasishomesusa

    (@oasishomesusa)

    custom #header {(https://drive.google.com/file/d/0B4Y-ISTaCNe-Z0ZreTl1Z1NxOFk/edit?usp=sharing) no-repeat;
    height: 135px;
    width: 1000px;
    }
    #Header #logo {
        padding:0;
    }

    This what I have as the CSS.

    esmi

    (@esmi)

    Forum Moderator

    Now I can see it and it’s working.

    oasishomesusa

    (@oasishomesusa)

    Yes and no. It covers the other content up there, I contact information, social media icons, etc. How can I get those to be over the header?

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘Center Align Custom CSS Header’ is closed to new replies.