Wordpress Themes - WP Forum at BFA
Click Here To DONATE! Support the theme development, get more attention and additional benefits based on your donation level. Your forum name will be highlighted.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Montezuma Theme »

[SOLVED] Strange arrow overlap with sociable plugin icon


Build custom WP THEMES, without
coding.
Click here for THEMEFRAME

From the author of Atahualpa, the #1 most
downloaded (700,000+) theme @ wordpress.org
  #1  
Old Dec 7, 2012, 09:58 AM
JSiu
 
3 posts · Dec 2012
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?
  #2  
Old Dec 7, 2012, 10:16 AM
Virtualmotorpix
 
21 posts · Nov 2012
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.
  #3  
Old Dec 7, 2012, 07:39 PM
juggledad's Avatar
juggledad
 
22,379 posts · Mar 2009
OSX 10.8.5 WP 3.8.x Atahualpa 3.7.x Safari 6.x Firefox 25 XP
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
__________________
"Tell me and I forget, teach me and I may remember, involve me and I learn." - Benjamin Franklin
Juggledad | Forum Moderator/Support
  #4  
Old Dec 7, 2012, 11:57 PM
ghostsquad
 
4 posts · Dec 2012
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.
  #5  
Old Dec 9, 2012, 02:33 AM
JSiu
 
3 posts · Dec 2012
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

Last edited by JSiu; Dec 9, 2012 at 02:35 AM.

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
How to remove the Sociable plugin from some pages JulesG Plugins & Atahualpa 4 Jan 17, 2012 07:49 AM
PATCH 371-02: 'Sociable' v4.0.6 plugin doesn't work with the %sociable% in footer juggledad New Versions, & Updating 0 Nov 22, 2011 05:29 AM
Suggestion for Sociable plugin that displays BOTH icon & text FunBloggin Plugins & Atahualpa 0 Dec 9, 2009 10:13 PM
Sociable and the Share This icon ldsmedia Plugins & Atahualpa 1 Jul 20, 2009 03:30 PM
the plugin sociable networks is not working well.... Cactus Plugins & Atahualpa 6 Feb 7, 2009 05:30 PM


All times are GMT -6. The time now is 07:28 AM.


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