WordPress.org

Ready to get started?Download WordPress

Forums

Preference Lite
Space above Logo (4 posts)

  1. Catshark
    Member
    Posted 9 months ago #

    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: http://www.greatwhitechronicles.com/ 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!

  2. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    Easily fixable..to 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 {
    	width:100%;
    	height:353px;
    	position:fixed;
    	background-color:#fff;
    	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

  3. Catshark
    Member
    Posted 9 months ago #

    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 {
    	width:100%;
    	height:400px;
    	position:fixed;
    	border-top:0px;
    	border-bottom:0px;
    }
    
    #logo-wrapper {
    	min-height:0px;
    	padding:0px 0;
    	text-align:center;
    }

    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!

  4. StyledThemes
    Member
    Theme Author

    Posted 9 months ago #

    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

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.