Centering problem

Hello

Using CSS code you can center the text, for example you can use:

@media only screen and (max-width:600px){
    td.label{
          text-align: center !important;
    }
}

You can add custom CSS code by going to WP Dashboard » Appearance » Customize » Additional CSS.

Let us know if that worked for you.

Hello @danielshalar,

I understand you want to centre the buttons too, here’s a modified CSS snippet.

/*  Center option buttons on mobile  */

@media only screen and (max-width:600px){
    td.label{
          text-align: center !important;
            }
ul.xt_woovs-swatches {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

ul.xt_woovs-swatches li.swatch {
  margin: 5px;
}
}

End result: https://d.pr/i/pHBdUD

I should note that customizing third-party plugins are not within our scope of support so if you need more help with this it might be better to contact the plugin author directly. : )

Cheers!