I really like this theme. However I really don't know how to fix those arrow overlaping.



Or you can check out my http://johnsiu.com/, they are at the end of each post.

Anyone can help?

The other posts have already mentioned this. It works fine with 'Hupso Share Buttons for Twitter, Facebook & Google+' just try some different plugins. I gave up hunting for the code and did this instead.

it's created by this CSS

.hentry ul li i, .comment-text ul li i {
    background: url("http://johnsiu.com/wp-content/themes/montezuma/images/icons.png") no-repeat scroll -48px -84px transparent;
    display: inline-block;
    height: 12px;
    margin-left: -20px;
    margin-right: 10px;
    width: 12px;
}

in the content.css template. You need to add some CSS with

div.sharedaddy .hentry ul li i {background-image: none;}

and if that doesn't work, add an '!important' at the end

I've removed the CSS style that shows the arrow. It is just extra that really isn't needed. You could also adjust the margin/padding to make sure there is no overlap if you want to keep the arrow.

With help of juggledad and another post here, some trail of error (as a css dummy ), its finally fixed it.

This is how I do it:

1. Login WorldPress admin
2. Goto Apperance -> Montezuma Options -> Head (In Montezuma Options panel) -> Insert Code
3. In the Bottom text box, put the following

<style>
.hentry ul li i {background-image: none !important;}
</style>

With this method I don't have to hunt down css file and change them manually. All done within WP Admin page.

JohnSiu.com