Skip to:
Content
Pages
Categories
Search
Top
Bottom

how to center the logo ?

  • Avatar of abcde666
    abcde666
    Participant

    @erich73

    well, I do know this is mainly a CSS question – I thought I am quite familiar with CSS, but….

    I would just like to “vertically center” the main image-logo “social network” at the website (I do have a larger-size-image, but this is not the issue).

    I do not care about the links like “Home, Blog, Members. Groups, Blogs” , because I will move this to another place anyway.

    So all I wanna do is center the logo-image.

    What I have done so far in “custom.css” is the following:


    #header h1 a {

    background: url(../images/logo.jpg) no-repeat;

    overflow: hidden;

    width: 1088px;

    height: 142px;

    display: block;

    margin-left: auto;

    margin-right: auto;

    }


    But still, the image is not in the center.

    Anyone out there able to help ?

Viewing 1 replies (of 1 total)
  • Avatar of abcde666
    abcde666
    Participant

    @erich73

    O.K., I got it:

    you need to overwrite each CSS-line from the original base.css file:


    #header h1 a {

    background: url(../images/logo.jpg) no-repeat;

    overflow: hidden;

    width: 1088px;

    height: 142px;

    display: block;

    margin:0px auto;

    text-indent: none;

    float: none;

    }


Viewing 1 replies (of 1 total)

The topic ‘how to center the logo ?’ is closed to new replies.