Help me with my buttons

• 

  lisavandeutekom · Member · Mar 18, 2021 at 1:00 pm

  • Copy link
  • Add topic to favorites

  Hi people,

  I’m having a hard time centering my buttons on the homepage. Since I updated wordpress it seems the buttons can only be aligned on the left or right. And not in the center. The setting of the block is: justify content center. Still if I publish the website, the buttons will jump to the left or right…

  I don’t know how to code, but maybe I can try to put something in the HTML anchor or Additional CSS class(es) field?

  Someone has an answer to this? :)

  Thanks so much in advance.

• 

  therefoiam · Member · Mar 19, 2021 at 5:20 am

  • Copy link

  Hi there,

  Please share the page with the buttons so that we can test for the suitable css you may require to centre align them.

• 

  lisavandeutekom · Member · Mar 19, 2021 at 1:13 pm

  • Copy link

  Hi,

  The website is: https://unwindjewelry.com/

  Thanks so much

• 

  therefoiam · Member · Mar 20, 2021 at 3:34 pm

  • Copy link

  Hi @lisavandeutekom

  You can use this CSS to center the buttons.

  /* center align buttons */
  
  .wp-block-cover, .wp-block-column  {
      text-align: center;
  }

  Going forward, you will need to ask for assistance on this forum as it is the correct one for sites such as yours. The forum you are posting on is intended for supporting free sites hosted here at WordPress.com and yours is a self-hosted site using the open-source software from WordPress.org

  You can find more information here about the differences between WordPress.org software and WordPress.com: https://wordpress.com/support/com-vs-org/

• 

  deancroyal · Staff · Mar 23, 2021 at 8:58 pm

  • Copy link

  Hi @lisavandeutekom – This part stands out to me…

  Still if I publish the website, the buttons will jump to the left or right

  In addition to what @therefoiam mentions above, I recommend contacting the theme creator and sharing your recent experience. It could be a theme bug and something they are not yet aware of. You can contact them here: https://blossomthemes.com/support-ticket/

• 

  lisavandeutekom · Member · Mar 25, 2021 at 10:20 pm

  • Copy link

  I tried to enter the CSS as you put it here, but it won’t work :( Do you have any other solutions? Or do I need to change something in the CSS? I copy, pasted the above one.

• 

  lisavandeutekom · Member · Mar 25, 2021 at 10:21 pm

  • Copy link

  Thanks for the heads up! I just sent them an e-mail :)