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)
-   -   JetPack Share butttons with Montezuma Theme (http://forum.bytesforall.com/showthread.php?t=18516)

ckckjones Sep 29, 2012 08:10 PM

JetPack Share butttons with Montezuma Theme
 
1 Attachment(s)
The JetPack Share buttons added to the bottom of posts, pages, etc. does not format correctly after applying the Montezuma theme. The icons (or text) from JetPack are overlaid with small arrows that really mess up the otherwise excellent look-and-feel of the Montezuma theme. (See attached .png screenshot)

I've made no changes or customizations to any CSS, either within Montezuma or using the default Wordpress functionality. Any suggestions?

lmilesw Sep 29, 2012 09:30 PM

You could hide them with CSS.

unalpine Oct 15, 2012 10:06 PM

Can I get a bit more specific detail about where to change that CSS?

juggledad Oct 16, 2012 02:49 AM

You could put the CSS to change them in any of the CSS files

unalpine Oct 16, 2012 07:24 AM

Thanks Juggledad. I can see you do a lot of posting here and answer a lot of questions...so when a newbie comes along, it's tough to get involved.

I am looking for a bit more specifics. I like the arrows appearing for bulleted lists - nice styling.
But I don't consider those link images to be a list, so it seems more of a bug to me.

So if someone has a bit more of a clue about the fix, that would be cool. I have a pretty big investment already in making this theme work but this issue is wacky.

lmilesw Oct 16, 2012 07:45 AM

Sometimes the specifics take a bit of time to determine and we don't always know who the newbies are so just give higher level instructions. In this case it's a matter of using a tool like Firebug to determine the CSS selectors and then craft some CSS to hide the arrows.

So I activated Jetpack and Montezuma on my test site and set up the sharing. Then went to a post and played with the CSS in Firebug to see that the following should hide the arrows.
HTML Code:

.sharedaddy i {
    display: none !important;
}


dmkjr Mar 14, 2013 12:24 PM

Lmiles,
I registered to make an account just to tell you thanks for this. I was playing around with every CSS file in Motezuma to uncover where these buttons were pulling their CSS from. I added the above lines to jetpack > modules > sharedaddy > sharing.css

Worked like a charm.

Thanks again,
David


All times are GMT -6. The time now is 04:33 PM.

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