Support » Plugin: Donate Plus » [Plugin: Donate Plus] CSS Fixes

  • Don’t know if this affected anyone else or bothered anyone but on my site the Show on Wall select box and the Comments box are slightly off to the right from the rest.

    Here are the fixes required to tidy everything up :

    In donate-plus.php

    Find the line like

    <p class="show_onwall" id="wallops"><label for="show_onwall" >'.__('Show on Wall', 'dplus').':</label><br /><select name="item_number" >

    And replace with this

    <p class="show_onwall" id="wallops"><label for="show_onwall" >'.__('Show on Wall', 'dplus').':</label><br /><select name="item_number" style="position: relative; left: -10px;">

    That fixes the “Show on Wall” box.

    Next find this line:

    <p class="donor_comment"><label for="donor_comment">'.__('Comments', 'dplus').':</label><br /><textarea name="os1" id="donor_comment" rows="4" cols="45" style="width:90%"></textarea><br /><span id="charinfo">'.__('Write your comment within 199 characters.','dplus').'</span> </p></div>';

    Replace with :

    <p class="donor_comment"><label for="donor_comment">'.__('Comments', 'dplus').':</label><br /><textarea name="os1" id="donor_comment" rows="4" cols="45" style="width:90%; position: relative; left: -10px;"></textarea><br /><span id="charinfo">'.__('Write your comment within 199 characters.','dplus').'</span> </p></div>';

    And that should align the Comments box too.

    Hope this helps?

    http://wordpress.org/extend/plugins/donate-plus/

Viewing 7 replies - 1 through 7 (of 7 total)
  • A little bug fix to the above. I noticed that the select box for the show info on wall still did not align correctly in all browsers.

    Find this line in donate-plus.php

    var WallOps2 = '<?php echo '<p class="show_onwall" id="wallops"><label for="show_onwall">'.__('Show on Wall', 'dplus').':</label><br /><select name="item_number"><option value="1:'.$user_ID.'">'.__('Donation Amount, User Details & Comments','dplus').'</option><option value="2:'.$user_ID.'">'.__('User Details & Comments Only','dplus').'</option></select></p>';?>';

    And change to :

    var WallOps2 = '<?php echo '<p class="show_onwall" id="wallops"><label for="show_onwall">'.__('Show on Wall', 'dplus').':</label><br /><select name="item_number" style="position: relative; left: -10px;><option value="1:'.$user_ID.'">'.__('Donation Amount, User Details & Comments','dplus').'</option><option value="2:'.$user_ID.'">'.__('User Details & Comments Only','dplus').'</option></select></p>';?>';

    That’ll fix the alignment issues.

    also to make the website url box longer find this line in donate-plus.php

    <p class="donor_url"><label for="donor_url">'.__('Website', 'dplus').':</label><br /><input type="text" name="on1" id="donor_url" value="' . $siteurl . '" /></p>

    And change to :

    <p class="donor_url"><label for="donor_url">'.__('Website', 'dplus').':</label><br /><input type="text" name="on1" size="30" id="donor_url" value="' . $siteurl . '" /></p>

    You can change the value size to anything you’d like.

    Another issue i noticed after this was the words “Donation Amount” were no longer above the input box so to fix i chaged this line in donate-plus.php from :

    $output = '<form id="donateplusform" action="'.$verifyurlz[$dplus['testing_mode']].'" method="post">';

    To :

    $output = '<form id="donateplusform" style="float: left;" action="'.$verifyurlz[$dplus['testing_mode']].'" method="post">';

    Ooops a little bug on one of my previous posts.
    The one to align the show on wall selector in donate-plus.php

    The Line :

    var WallOps2 = '<?php echo '<p class="show_onwall" id="wallops"><label for="show_onwall">'.__('Show on Wall', 'dplus').':</label><br /><select name="item_number" style="position: relative; left: -10px;><option value="1:'.$user_ID.'">'.__('Donation Amount, User Details & Comments','dplus').'</option><option value="2:'.$user_ID.'">'.__('User Details & Comments Only','dplus').'</option></select></p>';?>';

    If you look i forgot a ” and this causes the selector to only show one choice. To fix change to :

    var WallOps2 = '<?php echo '<p class="show_onwall" id="wallops"><label for="show_onwall">'.__('Show on Wall', 'dplus').':</label><br /><select name="item_number" style="position: relative; left: -10px;"><option value="1:'.$user_ID.'">'.__('Donation Amount, User Details & Comments','dplus').'</option><option value="2:'.$user_ID.'">'.__('User Details & Comments Only','dplus').'</option></select></p>';?>';

    Sorry..

    I don’t know whats wrong, but it need to be fixed, please take a look at http://chuanamquang.com/donation Any one can help Me?

    @globalaperta

    Donate Plus is no longer supported . Uninstall ( Make sure you uninstall via the Donate Plus setting page first to remove the database )and then download Donate Extra which is a fork of Donate Plus.
    This will fix your issues and more.

    @justinesmithies Thank’s for informations.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘[Plugin: Donate Plus] CSS Fixes’ is closed to new replies.