Donation Button is now tiny and in the wrong place.

[Carl Spady]

I installed SSL on my site and made a secure page for my “Donate” button to link to, but now my “Donate Button” is tiny and up in the upper left of my donation bar instead of large and on the right side. How do I fix this?

[Bill Robbins]

Carl,

Sorry about that. We actually had a styling bug that we fixed not long after your version was released. Here’s how to fix it in yours.

1. Go to the Appearance section and select edit to open up the theme editor.
2. From the list of files on your right, choose style.css
3. Find this spot:

   
   .action-form input.btn, #donate form h4 a, #donate h4 a:visited  {
   	position: absolute;
   	right: 7px;
   	top: 5px;
   	background-color: #3d56d3;
   	border: none;
   	color: #fff;
   	font-size: 20px;
   	line-height: 1.6;
   	padding-left: 14px;
   	padding-right: 14px;
   	cursor: pointer;
   	-moz-border-radius: 6px;
   	border-radius: 6px;
   	-webkit-box-shadow: 0px 1px 3px #141414;
   	-moz-box-shadow: 0px 1px 3px #141414;
   	box-shadow: 0px 1px 3px #141414;
   	text-shadow: rgba(29,29,29,0.64) 1px 1px 0;
       -webkit-appearance: none;
   	font-weight: normal;
   	font-style: normal;
   }
   

4. Replace it with this:

   
   .action-form input.btn, 
   #donate form h4 a, 
   #donate h4 a  {
   	position: absolute;
   	right: 7px;
   	top: 5px;
   	background-color: #3d56d3;
   	border: none;
   	color: #fff;
   	font-size: 20px;
   	line-height: 1.6;
   	padding-left: 14px;
   	padding-right: 14px;
   	cursor: pointer;
   	-moz-border-radius: 6px;
   	border-radius: 6px;
   	-webkit-box-shadow: 0px 1px 3px #141414;
   	-moz-box-shadow: 0px 1px 3px #141414;
   	box-shadow: 0px 1px 3px #141414;
   	text-shadow: rgba(29,29,29,0.64) 1px 1px 0;
       -webkit-appearance: none;
   	font-weight: normal;
   	font-style: normal;
   }
   

5. Save your changes.

That should take care of it. If you have any questions or trouble, let me know,
Bill

[Author]

Posts