donate bar

Support Area Forums Foundation donate bar

Tagged: 

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question:
  • Author
    Posts
  • #5225
    adam soleymani
    Participant

    Hi
    I need help with the donate bar on the website.
    The donate button that is on the right side of the website is on the left side. Here is a link to my website.

    http://opclimbmda.com/

    Thank You

    Adam

    #5227
    Bill Robbins
    Moderator

    Adam,

    Thank you for the link and sorry for the trouble. It looks like you found a bug. Here’s how to fix it:

    1) Go to the appearance section of your WordPress control panel and select edit to open up the theme editor.
    2) From the list of files on the right, choose style.css and look for 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;
    }
    
    .action-form input.btn {
    	line-height: 1;
    	padding-top: 6px;
    	padding-bottom: 6px;
    	top: 8px;
    }
    

    3) Replace that section 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;
    }
    
    .action-form input.btn,
    #donate h4 a {
    	line-height: 1;
    	padding-top: 6px;
    	padding-bottom: 6px;
    	top: 8px;
    }
    

    4) Save your changes.

    That should move the donation button back into position when you’re using a link instead of PayPal.

    This will be rolled into the theme today as of version 2.0.9

    If you have any other trouble, let me know.

    Enjoy your weekend,
    Bill Robbins

    #5239
    adam soleymani
    Participant

    Thank You

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘donate bar’ is closed to new replies.