HTML / CSS Настройка кнопки PayPal на странице Wordpress

Question

На моей странице оформления заказа я пытаюсь выровнять кнопку "быстрой проверки" PayPal по левому краю. С Firebug я нашел часть CSS, которая все еще установлена ​​по центру. Если я наберу «влево», он переместится влево. Поэтому я скопировал правило в свое пользовательское поле css в Wordpress

#zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive {
text-align: left;}

Этот первый бит не является stati c, хотя, вероятно, поэтому он обновляется по центру после обновления страницы. Как я могу сделать это постоянным?

Answer 1

Используйте один из классов для соответствующего элемента, а не динамически генерируемый идентификатор кнопки, например:

.paypal-button-size-responsive {
  text-align: left;
}

Проблема в том, что в сложенном * 1004 есть встроенный селектор с большей специфичностью * элемент на вашем скриншоте. #zoid-paypal-button-1a79a61bc2.paypal-button-size-responsive всегда будет переопределять .paypal-button-size-responsive. Вам нужно взглянуть на плагин, который генерирует вашу страницу оформления заказа, посмотреть, где эти стили встроены, и удалить его там.

В качестве альтернативы, и это не очень рекомендуется, вы могли бы использовать правило !important, чтобы отменить более специфичный c селектор идентификатора, если у вас возникли проблемы с его отслеживанием, то есть text-align: left !important;. Однако это плохая привычка, поскольку в долгосрочной перспективе вам будет труднее поддерживать ваш CSS.

Если вы можете прокомментировать или отредактировать свой вопрос, указав, какой плагин вы используете для создания соответствующего кода, я посмотрю, смогу ли я дать вам более подробную информацию о том, где вы можете найти элемент <style> под вопросом.