Wordpress CSS Center Table

Question

Я пытаюсь центрировать таблицу логина для моего сайта на рабочем столе.На мобильном телефоне он центрирован, по некоторым причинам на рабочем столе нет.Я пробовал ширину и маржу auto в пользовательском CSS, но это не сработало.Любой вклад приветствуется.

https://grahmlux.com/my-account

Answer 1

@media screen and (min-width: 980px) {
.woocommerce .col2-set,
 .woocommerce-page .col2-set {
  width: 45%;
  float: left;
}

на рабочем столе, это удар в игру.и, таким образом, ваш логин плавает влево.снять поплавок и маржу: авто;

@media screen and (min-width: 980px) {
.woocommerce .col2-set,
 .woocommerce-page .col2-set {
  width: 45%;
  margin:auto;
}

Вы должны быть осторожны, чтобы стиль не был слишком универсальным.Таким образом, возможно, вам лучше ориентироваться на сам логин.

#customer_login{
  margin:auto;
  width: 45%;
  margin:auto;
}

Answer 2

Я еще точно не определился с решением, но дело не в мобильных и настольных компьютерах - код в этом разделе одинаков для обоих.На самом деле, если вы уменьшите ширину окна рабочего стола до 980 пикселей, поля входа будут центрированы.Есть что-то, что происходит так же, как и до 980px +, которое затем переключает поля входа в систему слева.Может быть, есть максимальная ширина полей или их контейнера?

Решением может быть копание в файлах woocommerce css.В качестве клуджа вы можете создать обертку вокруг области входа в систему с полем: 0 auto, чтобы держать его по центру и указать максимальную ширину, чтобы она не превышала 980 пикселей.