[SOLVED] Strange arrow overlap with sociable plugin icon

JSiu · #1 Dec 7, 2012, 08:58 AM

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?

Virtualmotorpix · #2 Dec 7, 2012, 09:16 AM

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.

juggledad · #3 Dec 7, 2012, 06:39 PM

it's created by this CSS

HTML Code:

.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

HTML Code:

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

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

ghostsquad · #4 Dec 7, 2012, 10:57 PM

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.

JSiu · #5 Dec 9, 2012, 01:33 AM

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

Code:

<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