Support » Theme: Leaf » Changing header alignment from left to center

  • Resolved naigotsoul

    (@naigotsoul)


    We just got a new custom logo for our site and would like to have it centered. We tried to play with the CSS but perhaps just didn’t have the right coding in. So how do we do this?

    Thanks

Viewing 15 replies - 1 through 15 (of 19 total)
  • Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    What coding did you try?

    naigotsoul

    (@naigotsoul)

    #header {
    align: center;
    {

    .header-img {
    align: center;
    }

    We went to the CSS panel not sure if that was the correct spot or not as well…

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    align is not a CSS property, but try this article for centering things http://www.w3.org/Style/Examples/007/center.en.html

    naigotsoul

    (@naigotsoul)

    .header-image {
    margin-top: 24px;
    margin-top: 2.4rem;
    display: block;
    margin-left: auto;
    margin-right: auto }

    placed this into the CSS as directed by the link. But its still not working. Do we need to identify the source img and if so what does that format look like…? src..?

    Thanks for your help btw if you couldn’t tell we’re novices to editing CSS lol

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    It looks like you’re missing a width style from that code.

    naigotsoul

    (@naigotsoul)

    .header-image {
    margin-top: 24px;
    margin-top: 2.4rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    width: 300px; }

    and still no luck…

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Where are you adding the code?

    naigotsoul

    (@naigotsoul)

    In the edit CSS panel. Though I had to go into the advanced code to pull the proper classes because before I didn’t have them identified correctly.

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Is the CSS panel named, “Custom CSS” or similar?

    Michael

    (@alchymyth)

    Forum Moderator

    if you could post a live link to your site, someone can check the code and possibly suggest something to center the header image.

    naigotsoul

    (@naigotsoul)

    http://www.swaytheblog.com/

    I’m under the Edit CSS panel

    Thankyou

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    As you’ve stated you were incorrectly selecting the image, have you resolved this?

    naigotsoul

    (@naigotsoul)

    yes

    naigotsoul

    (@naigotsoul)

    I’m sorry this is not resolved I never heard back about suggestions on the code

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Can you apply your code;

    .header-image {
    margin-top: 24px;
    margin-top: 2.4rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 300px;
    width: 300px; }

    To the correct element?

Viewing 15 replies - 1 through 15 (of 19 total)
  • The topic ‘Changing header alignment from left to center’ is closed to new replies.