Support » Theme: Preference Lite » How to align logo to the left

  • Resolved Nedero1

    (@nedero1)


    I would like to align my logo picture to the left, but can’t seem to find where i can change it. anybody can tell me how to?

Viewing 8 replies - 1 through 8 (of 8 total)
  • Theme Author Styled Themes

    (@gejay)

    Hello…. the logo should be to the left. Do you have a link to your site where this is and I will take a look at what might be happening?

    http://www.beroepsopleidingflevoland.nl

    Thanks in advance for helping me out!

    Moderator Andrew Nevins

    (@anevins)

    Forum moderator

    Do you mean you want it aligned on the right?

    Theme Author Styled Themes

    (@gejay)

    I just looked at your link, and as Andrew just asked, did you mean you want it aligned to the right (it’s aligned left on your site)?

    When i check it out with Chrome, it’s centred… maybe it depends on the browser?

    Theme Author Styled Themes

    (@gejay)

    The logo should be centered by default. However, the wrapper for the logo has text-align: center (line 105) which looks like this in the theme’s style.css

    #logo-wrapper {
    	min-height:60px;
    	padding:30px 0;
    	text-align:center;
    }

    The logo itself sits in a nested div with an id of “logo”. What you can do if you just want the logo left aligned is add to the #logo container, using the style.css is this:

    #logo {
         text-align: left;
    }

    Or if you want it right:

    #logo {
         text-align: right;
    }

    Or centered:

    #logo {
         text-align: center;
    }

    How do I make the logo smaller in height? Do I use the logo-wrapper tag and change the height?

    Theme Author Styled Themes

    (@gejay)

    salingjj….best to set that question up as a new topic, but quick answer is that the height is based on your actual logo height.

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘How to align logo to the left’ is closed to new replies.