Header Size

Support Area Forums Responsive Visual Header Size

Viewing 5 posts - 1 through 5 (of 5 total)
URL to the page in question:
  • Author
    Posts
  • #11078
    Frank Voce
    Participant

    Hi Support, is there a specific size for the header image ? I’m struggling having my header centered, here is the site http://ladivinacomida.net/

    Thank

    #11079
    Bill Robbins
    Moderator

    Frank,

    Great question. It’s made to be somewhat flexible to allow for different styles and shapes of logos. The trade-off is they can sometimes be a bit unruly.

    I took a look and I think for this one, you might try a logo that’s around 140 pixels tall. That should give you a good fit.

    Also if you’d like to, you can enter this CSS snippet into the Custom CSS box that’s in the styling tab of the theme options page to center your logo:

    
    #logo {
    	text-align: center;
    }
    

    If you have any questions or trouble, let me know.

    Thanks,
    Bill

    #11110
    Frank Voce
    Participant

    Thanks for your answer Bll,
    since we are already talking about header and custom CSS, I would like to insert a flag image that links to another page, basically a language switcher but without having to install a multisiteblog. Any idea ? If so it should sit on the lest side above the Home tab.

    #11112
    Bill Robbins
    Moderator

    Frank,

    You can do that. First find the icon you’d like to use. Then go to the Media section and select “Add New.” Upload your image and then click edit once the upload is finished. Copy the URL to your image.

    Then go to the Appearance section and select Edit. From the list of files on your right, choose header.php and look for this spot near the bottom:

    
    </header>
    

    Right above that enter this:

    You’ll need to replace the http://yourlink.com with the URL you’d like to link to and the http://yoursite.com/image.png with the URL to your image you copied earlier. Save your changes.

    That should have added in your icon. Next you’ll need to add this snippet to your Custom CSS box:

    
    img#image-link {
    	position: absolute;
    	left: 0px;
    	bottom: 0px;
    }
    

    That will set the icon right at the bottom left of the header. You may need to adjust the left and bottom values there to position it like you want to. Update your settings and see how that looks.

    Let me know if you have any trouble,
    Bill

    #11113
    Frank Voce
    Participant

    Thanks a lot Bill, tomorrow morning first thing I will do . 🙂

Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Header Size’ is closed to new replies.