Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #4439

    FYI … this template it fantastic ! Very easy to work with – simple and clean.

    1 … I would like to add a logo across the top above the navigation, centered

    2 … I would like to remove the logo on the right next to the navigation

    I did search for this topic but was unable to locate it.

    Thank you so much for your support.

    #46327

    FYI this is an example … http://www.crossfitsouthbay.com/

    #46328

    I’d like to know this as well, or at least, expand the logo area from the tiny little box it is at now.

    Thanks!

    #46329

    nevermind, i figured it out. :) I found the style.css page.

    Kaarent: open the style.css file and under the ‘head’ section, adjust the size of the logo that you want it to be. Kries dude can actually be more helpful specifically, but fiddle around there if you want and see if you can get it to work because i did. :)

    #46330

    Hey,

    I don’t believe the image in the example link is centered, it’s just really wide so appears that way. There’s no simple and valid way to centre a logo but you can use margin to pad the left / right side of the logo image.

    The width of the header section is 960px; if (for example) your image is 200px wide you’re left with 760px of whitespace. Half this value is 380px so it’s 380px of margin you’d need both sides (though technically just the left for a left to right language) to centre the logo. Add the margin to the logo CSS.

    Hope this helps.

    James

    #46331

    I did make an adjustment to the css file – My front page images floated to the top, I have no idea why

    the changes I made were only in the head … here it is below, I’m interested to know you’re feedback.

    /*****************************

    1.) #head

    /****************************/

    #head{

    /* dan uyemura

    height:228px;*/

    position:relative;

    z-index:10;

    }

    .logo, .logo a{

    display:block;

    height:108px;

    width:940px;

    position:static;

    right:0px;

    top:10px;

    }

    #top .logo a{

    top:0;

    right:0;

    text-indent:-9999px;

    outline:none;

    }

    #46332

    Hey,

    it seems to work for me. I didn’t notice an overlapping image area, etc. so I’d stick with the solution.

Viewing 7 posts - 1 through 7 (of 7 total)

The topic ‘Applying a new logo and removing the other logo’ is closed to new replies.