Help needed for moving a button from plugin to the centre/middle of the page.

• 

  ivanli0 · Member · Nov 25, 2023 at 3:09 pm

  • Copy link
  • Add topic to favorites

  My website is called http://www.alsquestionbank.com which provides exam mock tests with additional notes when you buy using a one-off payment to enter as a member.

  I have set up the button for this using a plugin which is connected to PayPal to pay the one-off fee, it looks like this on the webpage:

  

  Source: https://alsquestionbank.com/membership-join/

  How do I put the button in the middle of the webpage instead of on the left? It didn’t seem to work even when I tried to align this in the middle using the current WordPress function:

  

  

  Please help me. Any tips or advice will be greatly appreciated. Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  aleone89 · Staff · Nov 25, 2023 at 4:24 pm

  • Copy link

  Hey there,

  Happy to help you with this.

  It looks like this button is being powered by a shortcode, so you’d need to apply CSS to change the style and position of that.

  This CSS should make the button centred:

  /* Make button center Membership  sign up */ 
  
  payment-button {
      text-align: center;
  }

  This CSS, will help to also style the button:

  /* Style membership sign up button */
  
      input.swpm-buy-now-button-submit {
      background: #dd1922;
      border: none;
      font-size: larger;
      color: white;
      padding: 10px 10px;
      font-weight: 700;
      font-family: rvo, serif;
  }
  
  input.swpm-buy-now-button-submit:hover {
      background: #243257;
  }

  This can be added via Appearance > Customize > Custom CSS.

  I hope this helps!

• 

  ivanli0 · Member · Nov 25, 2023 at 4:55 pm

  • Copy link

  Hello, thanks for the reply. As I don’t know much about coding. How should I write my code based on this:

  

• 

  ivanli0 · Member · Nov 25, 2023 at 5:03 pm

  • Copy link

  Just tried in CSS – it didn’t put the button in the middle. I am not sure if this is correct.

  

• 

  ivanli0 · Member · Nov 25, 2023 at 5:42 pm

  • Copy link

  I have now solved this. Thank you.