Home Forums Academy How to apply CSS to a course page

How to apply CSS to a course page

  • Ncleow25

    Hi,
    I have set up a course page and have a custom PayPal button which I would like people to click to purchase. I would like this to be centralised on the page together with the payment options.

    I have some CSS which works in the W3Schools Tryit sandbox but I can’t get it to work on my site. I’ve tried applying the CSS in the Theme Customizer and also putting it into the HTML page.

    The button is centralised but the payment options are left aligned. Please could you tell me how I can have the payment options centred as well?

    My code which works on the W3Schools sandbox is:
    <!DOCTYPE html>
    <html>
    <head>
    <meta name=”viewport” content=”width=device-width, initial-scale=1″>
    <style>
    table, th, td {
    border: 1px solid black;
    border-collapse: collapse;
    }

    table.center {
    margin-left: auto;
    margin-right: auto;
    }
    </style>
    </head>
    <body>

    <!– PAYPAL START –>

    <div style=”text-align: center;”><form action=”https://www.paypal.com/cgi-bin/webscr” method=”post” target=”_top”><input name=”cmd” type=”hidden” value=”_s-xclick” />
    <input name=”hosted_button_id” type=”hidden” value=”U9HVE6S8RV582″ /></form></div>
    <table class=”center”>
    <tbody>
    <tr>
    <div style=”text-align: center;”><td><input name=”on0″ type=”hidden” value=”Payment Options After Free Trial Ends” />Payment Options After Free Trial Ends</td></div>
    </tr>
    <tr>
    <td><select name=”os0″>
    <option value=”Weekly”>Weekly : $4.99 USD – weekly</option>
    <option value=”Monthly”>Monthly : $17.00 USD – monthly</option>
    <option value=”Yearly”>Yearly : $127.00 USD – yearly</option>
    </select></td>
    </tr>
    </tbody>
    </table>
    <input name=”currency_code” type=”hidden” value=”USD” />
    <div style=”text-align: center;”><input alt=”PayPal – The safer, easier way to pay online!” name=”submit” src=”https://mywebsite.com/wp-content/uploads/2021/03/GetInstantAccess.png” type=”image” /></div>

    <!– PAYPAL END –>

    </body>
    </html>

    If you would like the URL so that you can see it, please let me know. I can’t see anywhere to upload a screenshot.

    ihor Staff

    Please sign in or register to view replies from the support staff.

Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.