Support » Theme: Preference Lite » Space above Logo

  • Is there a way to remove the space above the logo area so that it appears the logo is touching the top of the screen so to speak? I’m using your child theme. Here’s the address: I want to bump up the logo so there’s no space between the top and the shark’s dorsal fin.

    I really should send you a list of all the sites I’ve converted to your Preference Lite template! I have fallen in love with it and so have my clients!

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


    Easily a certain point but it requires you to make a modification to the theme’s styling, preferably using the child theme that comes with the theme, or an edit css plugin.

    But the top has a container with a top border. This is styled around line 90 in the theme’s style.css and looks like this:

    /* Primary wrappers */
    #page-top-bg {
    	border-top:6px solid #595a67;
    	border-bottom:1px solid #bcbcbc;

    The top is the 6px border you see. I would add custom styling to change that to 0px to override the theme css above.

    By the way, thanks for the great comment and happy to hear you’ve fallen in love with Preference 🙂 Should say that in a review for the theme with a 1,000,000 star rating, lol

    Hmmm, tried, but not sure what’s going on. I am using the child theme, but still can’t get rid of that top space even with the 0px for border-top.

    Here’s what I put in the child template under “add your style changes here”

    #page-top-bg {
    #logo-wrapper {
    	padding:0px 0;

    I changed the logo wrapper as well to see if that would help, but it did not. :/ I’m stumped! lol

    FYI, here’s just a few sites where I use Preference Lite if you want to take a peek:

    [Links moderated]

    It really is a wonderful easily customized template!

    Theme Author Styled Themes


    Ah, there’s a top space done from here:

    #centered-wrapper {
    max-width: 1200px;
    margin: auto;
    position: relative;
    top: 6px;

    The top: 6px; is doing that. In your child theme, do an override by making it 0

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Space above Logo’ is closed to new replies.