Wordpress Themes - WP Forum at BFA
Click here to register or to donate.
Auto self-registration is not available here - far too many spammers. This forum has many, many backlinks and because of that there is an intense desire among spammers to drop their links here.

Wordpress Themes - WP Forum at BFA » WordPress Themes » Atahualpa 3 Wordpress theme » Plugins & Atahualpa »

Pinterest Button CSS Help....Overlooking Something Simple?


 
Prev Previous Post   Next Post Next
  #1  
Old Mar 17, 2013, 08:07 AM
theadventurebite
 
136 posts · May 2010
Pinterest Button CSS Help....Overlooking Something Simple?

Hey Guys,

I'm sure I must be overlooking something super simple here.

Here's the deal, I'm using the Pinterest Button For Images plugin which floats a little pin me button over each image.

But I have set up my CSS to automatically center my images unless I specify it not to. I did this with a CSS insert like so:

Code:
padding: 5px;
border: none;
display: block; 
margin-left: auto;
margin-right: auto;
This plugin doesn't seem to be recognizing that at all though so it is floating the image over where it thinks the image should be (left aligned) because it doesn't have a center align command in each image link.

I'm thinking perhaps I need to add another section of CSS to this code in the plugin but I'm a little stumped on where to start.

This is the bit of CSS in the Pinterest plugin that I am working with:

Code:
.pibfi_pinterest {
	position: relative;
	display: block;
}

.pibfi_pinterest .xc_pin {
	width: 64px; height: 64px; /* Please note that the button is 80px x 50px. If you use a different size button, change this */
	background-image: url('ppibfi_button.png'); background-repeat: none; /* This is the buttons image. Image can be found in the plugin folder */
	position: absolute;
	display: block;
	top: 5px;
	margin-left: -1px;
	opacity: 0;
	cursor: pointer;
	display: none;
}
.pibfi_pinterest img.left + .xc_pin {
	margin-left: 0;
}
Many thanks for any tips!
 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes


Similar Threads
Thread Thread Starter Forum Replies Last Post
Has anybody gotten Pinterest to work with Atahualpa? jodymace Atahualpa 3 Wordpress theme 2 Jan 14, 2013 06:56 PM
Add Pinterest Button to top of post kanga Atahualpa 3 Wordpress theme 1 Nov 2, 2012 11:15 PM
[SOLVED] css ata question: should be simple... my does my submit button resize? derekwbeck Atahualpa 3 Wordpress theme 6 Sep 20, 2012 01:07 PM


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


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