Wordpress Themes - WP Forum at BFA

Wordpress Themes - WP Forum at BFA (http://forum.bytesforall.com/index.php)
-   Montezuma Theme (http://forum.bytesforall.com/forumdisplay.php?f=53)
-   -   [SOLVED] Strange arrow overlap with sociable plugin icon (http://forum.bytesforall.com/showthread.php?t=19069)

JSiu Dec 7, 2012 08:58 AM

[SOLVED] Strange arrow overlap with sociable plugin icon
 
I really like this theme. However I really don't know how to fix those arrow overlaping.

http://admin.johnsiu.info/sociable-arrow.png

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

Anyone can help?

Virtualmotorpix 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 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 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 Dec 9, 2012 01:33 AM

With help of juggledad and another post here, some trail of error (as a css dummy :p), 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


All times are GMT -6. The time now is 11:25 AM.

Powered by vBulletin® Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.