Header problem

  • Resolved inputout

    (@inputout)


    15 years, 4 months ago

    I’m using a theme called Magatheme

    The problem that I am having is that I have added my logo to the top left of the design but it is hidden behind the navigation bar and the header/title text.
    Here is a link to my blog so you can see for yourself: https://www.inputout.com/blog
    1. How do I remove the text at the top left?
    2. How do I create space around my logo?

    Here is the CSS coding for my header:

    /* header classes */
    .header {background: url(“/blog/inputout.gif”) no-repeat bottom left; }
    .header img {margin-bottom:18px; height: 85px; width: 159px; }
    .header {margin:18px 0 0;color:#4F4F5F;}
    .header ul {list-style-type:none;}
    .header a:link { text-decoration: none; color: #FFFFFF; }

    Also, once I have the image where I want it, how do I make it a link to the blog’s url?

    Many thanks in advance to anyone who can help.
    James

Viewing 3 replies - 1 through 3 (of 3 total)

  • Basically there isn’t any space for the logo. You need to add padding or a margin to give space between the logo and your nav bar.

    You need to edit the #header css and add padding-top 50px;

    Thread Starter inputout

    (@inputout)

    Here is the code now:

    /* header classes */
    .header {background: url(“/blog/inputout.gif”) no-repeat bottom left; }
    .header img {margin:50px 0 0 0; height: 85px; width: 159px; }
    .header {margin:18px 0 0 0;color:#4F4F5F;}
    .header ul {list-style-type:none;}
    .header a:link { text-decoration: none; color: #FFFFFF; }

    I’ve tried a few different things, but no joy. Where do I add in the 50px? Do I put in padding-top 50px somewhere?

    Thread Starter inputout

    (@inputout)

    Does anyone have any idea how I might get around the problems above re. my header and the logo in it?

    The main ones are:
    1. How do I remove the text at the top left?
    2. How do I create space around my logo?
    Here is a link to my blog so you can see for yourself: https://www.inputout.com/blog

    Any help would be much appreciated. I’ve been tinkering with it for hours now and unfortunately getting no where.

    Here is the css code to my header:

    /* header classes */
    .header {background: url(“/blog/inputout.gif”) no-repeat bottom left; }
    #headerimg {margin: 7px 9px 0;
    height: 85px;
    width: 159px; }
    .header {margin:18px 0 0 0;color:#4F4F5F;}
    .header ul {list-style-type:none;}
    .header a:link { text-decoration: none; color: #FFFFFF; }

    Thanks

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