How can I add more white space for my salespage? (14 posts)

  1. Tristan Lee
    Posted 6 years ago #

    Hi, this is my salespage for my ebook: http://frombottomup.com/ebook/

    I would like to bump the "buy now" button a little higher (preferably half way up the page).

    How can I add more white space in the HTML to make this happen?

    I keep pressing enter, enter, enter, enter, but nothing happens. Can you help me out?

  2. vtxyzzy
    Posted 6 years ago #

    Not sure I understand, but from what I can tell, this is not a 'white space' problem. It looks to me like you want the 'buy now' button in the middle of the content of the page.

    Did you insert the button manually into the page, or is it added by a plugin? If manually, just move it into the middle of the page content. If by a plugin, it may not be easily possible to move it.

    More information might help.

  3. Tristan Lee
    Posted 6 years ago #

    Oh, I'm sorry, it wasn't a plugin, just an html code.

    What I mean is that if you scroll all the way down to the bottom, I would rather have the buy now button at the middle. Then there's maybe a half a page of white space below the buy now button, rather than the little bit it has now.

    Do you know how to do this?

  4. vtxyzzy
    Posted 6 years ago #

    Put this:

    <p style="height:200px">&nbsp</p>

    before and after the < p > tag containing your button code - like this:

    <p style="height:200px">&nbsp</p><p style="text-align: center;"><a href="http://frombottomup.com/dlg/sell.php?prodData=pp%2C1%2C1"><img border="0" alt="" src="http://frombottomup.com/dlg/displaybutton.php?p=1"/></a></p><p style="height: 200px">&nbsp</p>

    Adjust the 200px to suit.

    If this fixes the problem, please mark this topic 'Resolved'.

  5. Tristan Lee
    Posted 6 years ago #

    I had to change some things, but that helped. Thank you.

  6. Mark / t31os

    Posted 6 years ago #

    You could of you just used 4 or 5 line breaks to do the same..

    <br /><br /><br /><br /><br />

    Just as an alternative should you need to do the same again (add some extra space)..

  7. henkholland
    Posted 6 years ago #

    Hi t31os_, I am not a coder and not an always disagreeing person, but for me ony this works:
    <br /></br><br /></br><br /></br><br /></br>

    and only ofcourse when doing it in the html editor and never switch to the Visual editor for that post otherwise you wil loose the coding

  8. Charles E. Frees-Melvin
    Posted 6 years ago #

    That is to make it XHTML compliant, by striping it.

  9. vtxyzzy
    Posted 6 years ago #

    Of course, the 'proper' way to do it would be to add a class=paybutton to the < p > tag, and adjust the margins in CSS.

  10. Mark / t31os

    Posted 6 years ago #

    Which way works best or is best, is up to the person writing the code.

    Margin, padding, linebreaks, lots of ways to do the same thing... i was simply pointing out there was another way...

    Personally i'd have used padding on the element, but a margin would also be fine.

    Forget the line breaks, i didn't consider you'd be doing this directly in the WordPress editor (which is a nightmare for stripping code at times).

  11. vtxyzzy
    Posted 6 years ago #

    I didn't mean to imply that one way was better than another, just that some purists might say that CSS was THE way, but not me - whatever works!

  12. Mark / t31os

    Posted 6 years ago #

    I know what you were saying, i was just being awkward (i'm a big kid really)... ignore me and i'll go away.. ;) lol ..

    Whatever works!... :)

  13. Tristan Lee
    Posted 6 years ago #

    Thank you guys. :)

  14. vtxyzzy
    Posted 6 years ago #

    You are welcome. Please mark this topic 'Resolved'.

Topic Closed

This topic has been closed to new replies.

About this Topic


No tags yet.