tons of space in between elements in table press

  • jfores19

    (@jfores19)


    7 years ago

    Got a strange issue

    There is a crazy amount of space showing up in certain areas of a shop im setting up using paypal, and a plugin called tablepress.

    the site is not live, so ive attached a link to the screenshot of what we are seeing. in the table – i have a product picture followed by the paypal button code. but you can see from the screenshot i dont have added <p> paragraphs or anything placed in the code, but it is just showing a huge amount of space between the image and the price option – which you can see on the screenshot.

    <B>Zesty Orange Jelly <B/>
    <form target=”paypal” action=”https://www.paypal.com/cgi-bin/webscr&#8221; method=”post”>
    <input type=”hidden” name=”cmd” value=”_s-xclick”>
    <input type=”hidden” name=”hosted_button_id” value=”QYR7QDJBJJS34″>
    <table>
    <tr><td><input type=”hidden” name=”on0″ value=”Size”>Size</td></tr><tr><td><select name=”os0″>
    <option value=”8 oz”>8 oz $9.50 USD</option>
    <option value=”16 oz”>16 oz $16.50 USD</option>
    </select> </td></tr>
    </table>
    <input type=”hidden” name=”currency_code” value=”USD”>
    <input type=”image” src=”https://teaortisane.com/wp-content/uploads/2017/11/Add-to-cart.png&#8221; border=”0″ name=”submit” alt=”PayPal – The safer, easier way to pay online!”>

    </form>

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • kjodle

    (@kjodle)

    It’s probably coming from CSS, but without seeing the site live, we can’t offer specific advice.

    Right click on the space and select “Inspect element” from the contextual menu that pops up. It will show you the underlying html elements and the related css.

    Thread Starter jfores19

    (@jfores19)

    okay I had to make the site live – but when I did the inspect element, sure enough there are a ton of <br> tags. However these tags are not in the code within the table – so the question is, how do I remove them?

    site is live for time being. https://www.teaortisane.com/jelly

    you will see below the slider is my table with the products, and the top 3 have all that space

    thanks so much for your help

    Thread Starter jfores19

    (@jfores19)

    I had to remove the live site – is there a way to get past the coming soon mode (using Coming Soon Plugin) to view site when coming soon mode is active for tech purposes?

    But I found a temp solution – found CSS code that rendered the <br> tag non effective. May mess up other aspects of site but not sure yet. however its easy to remove from custom CSS section.

    But I guess the question now would be, is there a way to do that within the table only – so it doesn’t effect the whole site?

    Thanks so much.

    kjodle

    (@kjodle)

    Your best bet is to figure out where all those <br> tags are coming from. Something in there isn’t healthy.

    In the meantime, custom CSS like this may work:

    table br {display: none;}

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘tons of space in between elements in table press’ is closed to new replies.