Support » Plugin: Donate Extra » Each element moving to the line below…

Viewing 8 replies - 1 through 8 (of 8 total)
  • Plugin Author justinesmithies


    Hmm its definately something to do with your theme.
    Leave it with my and i’ll try and find an answer for you.

    Plugin Author justinesmithies


    Can you do me a favour please ?
    Can you make a test page with nothing on it but the donate extra form for me to look at too ?

    Justine here it is, thanks so much for looking into this! I really appreciate it it!

    Plugin Author justinesmithies


    If you use the firebug plugin you can fix the issue using the modified snippets from below.
    To make a permanant fix edit your donate-extra.php file and ammend the correct lines to look similar to what i have included below.

    <small style="position: relative; bottom: 30px; left: 220px;">(Currency: USD)</small>
    <div style="position: relative; left: 220px; width: auto; bottom: 60px;"><div style="position : relative; top: 15px; left: 5px;">x</div><input type="text" style="width: 10px; position: relative; bottom: 5px; left: 20px;" value="1" id="p3" name="p3">

    Hope that helps ?


    Justinesmithies, thank you so much!!! That was really helpful!
    if this helps someone else, here is the actual code snippets I replaced in the php… I also addjusted a few things in the second piece to make the box for defining the number of repeats for a donation a little bigger to account for a larger number to be seen…

    So… I replaced:
    <small>('.__('Currency: ','dextra').$cur.')</small></p>';

    <small style="position: relative; bottom: 30px; left: 220px;">('.__('Currency: ','dextra').$cur.')</small></p>';

    <input name="p3" id="p3" value="'.$dextra['duration'].'" type="text" style="width:10px;" />


    <div style="position: relative; left: 220px; width: auto; bottom: 60px;"><div style="position: relative; top: 15px; left: -19px;">x</div>
    <input type="text" style="width: 50px; position: relative; bottom: 15px; left: 20px;" value="1" id="p3" name="p3">

    Any idea why it’s still wrapping the form on I tried doing
    <div style="white-space:nowrap;"> around the shortcode and it did not work…

    Ok, so, I’m dumb, I just gave the form a width and it fixed the wrapping… if set to 100% it will not wrap at all, I kind of liked how it wrapped around it at 347px…

    Thanks for all your work on this plugin!
    <form id="donateextraform" style="float: left; width: 347px;"" action="'.$verifyurlz[$dextra['testing_mode']].'" method="post">';

    Plugin Author justinesmithies


    Glad to have been a help to someone.


    Code Styling Changes to work with the new update – just in case anyone else has the same problems of the plugin not displaying well in their theme…

    The donation amount – styled the width:
    <input type="text" name="amount" id="amount" value="'.$dextra['default_value'].'" style="width: 150px;"/>

    bring the currency up next to the donation amount:
    <small style="position: relative; left: 166px; bottom: 30px;">('.__('Currency: ','dextra').$cur.')</small>

    Bring the “how often” box up next to the word “every”:
    <input name="p3" id="p3" value="'.$dextra['duration'].'" type="text" style="width: 35px;position: relative;bottom: 24px;left: 42px;" />

    Bring the frequency drop down up:
    <select name="t3" id="t3" style="width: 125px; position: relative; bottom: 63px; left: 89px;">';

    Bring “for” up next to the donation frequency drop down (added a div for styling purposes):
    <div style="position: relative; bottom: 49px;"> for</div>

    Move the input box for “how many times to repeat” up:
    <input name="srt" id="srt" value="'.$dplus['duration'].'" type="text" style="width:20px;position: relative;bottom: 74px;left: 23px;width: 36px;" >

    Move up the “times (“0″…” text:
    <div style="position: relative; left: 67px; bottom: 106px;"> times <small>("0" means no end date)</small></div> (placed all of this inside of a div to keep it all together)

    Move “donate” button up:
    <input type="image" src="'.$button.'" style="background-color: transparent;position: relative;bottom: 105px;" border="0" name="submit" alt="">

    I am aware that this may only help me on my site – but, I at least wanted to have the changes easily accessible for my own site. If there is a better way of doing this, I’m all ears – I’m not a css guru

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Each element moving to the line below…’ is closed to new replies.