Okay
  Public Ticket #311066
PayPal Button Thin Border
Closed

Comments

  • Justin started the conversation

    When I past the code for a PayPal button onto a blog post, the result on the published side has a very thin border on the bottom as well as left & right sides.

    Any ideas on how to eliminate these lines? See attached. 

    I'm using the Raw HTML element in Visual Composer to post the following code:

    <form target="paypal" action="https://www.paypal.com/cgi-bin/webscr" method="post">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="GHMYLQMNKVEGC">
    <table>
    <tr><td><input type="hidden" name="on0" value="Lidded Jars & Teapots">Lidded Jars & Teapots</td></tr><tr><td><select name="os0">
    <option value="Member cost ($76.5) plus materials fee($15)">Member cost ($76.5) plus materials fee($15) $91.50 USD</option>
    <option value="Non-member cost ($85) plus materials fee($15)">Non-member cost ($85) plus materials fee($15) $100.00 USD</option>
    </select> </td></tr>
    </table>
    <input type="hidden" name="currency_code" value="USD">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_cart_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </form>


  •  8,406
    Tahir replied

    Can you please provide the page url so i can write up some custom css. 

    Thanks


    ThemeNectar Support Team 

  •   Justin replied privately
  •  8,406
    Tahir replied

    Hey!

    Add this into the Custom CSS box located in your Salient Options panel :
    form[target^="paypal"] table * {
        border: none !important;
    }
    
    
    body[data-header-color="custom"] #header-secondary-outer nav > ul > li:last-child {
        border: none !important;
    }
    

    Thanks


    ThemeNectar Support Team 

  • Justin replied

    Thanks!