CSS не скрывает переполнение - Wordpress

Question

У меня проблема с элементом количества при оформлении заказа, когда он перекрывает числовое значение, из-за чего клиенту сложно добавить несколько продуктов.Если я использую значение {display: none} css, оно скрывает не только наложение текста, но и текст "QUANTITY".Это только на странице подробностей, где пользователю необходимо добавить количество продукта.Я не мог найти способ это исправить. Этот является URL-адресом, и помощь очень ценится. также прилагается.

Answer 1

Попробуйте добавить это в свой пользовательский CSS:

form.cart td.value label.screen-reader-text{
    visibility: hidden !important;
}

или:

form.cart td.value label.screen-reader-text{
        display: none!important;
}

Answer 2

Я не уверен, какой селектор вы используете display: block, но он должен работать:

.quantity .screen-reader-text {
    display: none
}

Я бы предложил реализовать класс .screen-reader-text css как документация для сохранениядоступность:

/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important;
}

Похоже, в вашей теме отсутствует определение css, которое должно решить вашу проблему без принудительного применения display: block.