Center GK Points

I tried all different things but i cant get the facebook logo to center.

I use GK points. see:

fbhelp.jpg

This is screenshot from firebug, i selected the element (that's why you can see the blue line around the logo).

This is the code firebug shows:

Code: Select all

.gkPoints li.loaded {
    opacity: 1;
    top: 0;
}
.gkPoints li {
    background: none repeat scroll 0 0 #fff;
    border: medium none !important;
    border-radius: 2px;
    color: #111;
    display: block;
    line-height: 36px !important;
    margin: 0 0 6px;
    min-height: 35px;
    opacity: 0;
    padding: 15px 11px !important;
    position: relative;
    top: -40px;
    transition: all 0.3s ease-out 0s;
}


I tried editing the with margin-auto etc but no luck.

What am i doing wrong? Thanks.

found it

.gkPoints {
width: 100%;
}

Case closed

Hi

Thanks for sharing. Closing thread than.