Center logo in flozo theme

  • Resolved jckamler

    (@jckamler)


    12 years ago

    i’m trying to center the logo in the flozo theme, which comes with a default left justified logo. here’s whats in the stylesheet now:

    header{

    padding: 20px 20px 20px 20px;
    position: relative;
    overflow: auto;
    height: auto;
    background: #ffffff;

    }
    header a.logo{
    float: none;
    text-align: center;
    }
    header p.tagline{
    float: left;
    margin: 40px 0 0 20px;
    }

    any help would be appreciated! thanks!

Viewing 11 replies - 1 through 11 (of 11 total)
  • Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Consider this article on centring things
    https://www.w3.org/Style/Examples/007/center.en.html

    Thread Starter jckamler

    (@jckamler)

    Thanks Andrew. But that didn’t work. Any other suggestions?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Where did you get that theme from?

    Thread Starter jckamler

    (@jckamler)

    https://www.flyerzone.co.uk/freewptheme/

    Thread Starter jckamler

    (@jckamler)

    Here is everything for the header from the style sheet. As you can see, I tried (& failed) to change use the text-align: center in the logo section…

    header{

    padding: 20px 20px 20px 20px;
    position: relative;
    overflow: auto;
    height: auto;
    background: #ffffff;

    }
    header a.logo{
    float: none;
    text-align: center; }

    header p.tagline{
    float: left;
    margin: 40px 0 0 20px;

    Thanks so much for all your help! I’ll keep tinkering…

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    Try this;

    header a.logo{
 width: 100%;
}

header a.logo img {
 margin: 0 auto;
 display: table;
}

    Thread Starter jckamler

    (@jckamler)

    It worked! You are awesome. One strange thing happened though: the image slider seems to have been pushed down 40 pixels or so–the black nav bar is supposed to be flush with the white header/logo area. : https://www.joshkamler.com/

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    You need to hide those elements in your header that don’t have content in, like the tagline and social icon elements. These elements may appear empty, but their styles are still contributing to the webpage. So you need to hide them (display none, etc.).

    Try using a browser developer tool like the one built-in to Google Chrome
    https://developers.google.com/chrome-developer-tools/docs/elements . That’s how I found the reason behind the gap [screenshot]

    Thread Starter jckamler

    (@jckamler)

    Fixed. THANK YOU!

    Hi there jckamler!

    Im having serious issues using this FlyerZone theme and i cant get support nowhere. i tried to contact them but no answers till now. I’m having difficulty adding works/projects to my website because it seems there is a limit of 9 work section galleries and i just can’t figure it out how to show more works. i have like 13 works already posted but the theme only shows the firsts 9. actually the original theme only shows a totally of 9 works, cant believe it doesnt support more!!

    https://www.flyerzone.co.uk/freewptheme/?page_id=52

    any help will be just great! thanks!

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @ncaeiro, don’t piggy-back support from other people’s threads.
    Continue your own thread.

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Center logo in flozo theme’ is closed to new replies.