Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #82268
    adunning
    Participant

    Hi – another question: I have added an image to my site as a header image in place of the title – I can’t get it to appear either centred or so it fits the width of the page and is balanced with the rest of the site. It is set to the left. Can you please advise? Thanks

    #82289
    Mahesh
    Keymaster

    Hi @adunning,

    Go to “Dashboard=> Appearance=> Theme Options=> Custom CSS” box and add any of the following CSS.

    1. For Header logo Centered:

    #site-logo {
    	float: none;
    }
    
    #site-logo img {
    	margin: 0 auto;
    }

    2. For Header logo full width:

    #site-logo {
    	float: none;
    }
    
    #site-logo img {
    	width: 100%;
    }

    Regards,
    Mahesh

    #82323
    adunning
    Participant

    Great – many thanks Mahesh!

    #82467
    adunning
    Participant

    Hi Mahesh – This isn’t working for me yet – whatever image I upload, I have a white border all around it which looks bad – the code didn’t seem to make a difference…

    #82626
    Mahesh
    Keymaster

    Hi @adunning,

    You mean the logo, the one in the top? I’ve just check your site and the image is displaying fine and is in full width, I don’t see any white borders.

    Please check it and let me know if any problems.

    Regards,
    Mahesh

    #82667
    adunning
    Participant

    Hi Mahesh, I had put back up one with an all white background for the time being. But I was trying to put up one with a colored background which didn’t fill the header image section and there was a white border all around it – I’ll put that back up for you to see what I mean, my client wants one with a colored background – thanks again!

    #82668
    Mahesh
    Keymaster

    Hi @adunning,

    Finally understood your problem.
    Please add the following CSS in “Dashboard=> Appearance=> Theme Options=> Custom CSS” box:

    #hgroup-wrap {
        padding: 0;
    }
    #site-logo {
        padding-top: 0;
    }

    Let me know if this solves your issue.

    Regards,
    Mahesh

    #82672
    adunning
    Participant

    Brilliant – that works fine – many thanks Mahesh!

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘Header image not centred or full-width – Catch Everest FREE Theme’ is closed to new replies.