Блог

Я уже сделал кнопку «Купить сейчас» с помощью плагина «Прямая проверка», но я хотел бы сделать ее немного выше, чтобы ширина была ровно до поля «Количество», а текст был увеличен и выделен жирным шрифтом. Я думаю, что это можно сделать с помощью дополнительного CSS, но я не уверен, как это сделать самому.

Меня волнует только то, как это выглядит на мобильном телефоне.

Скриншот кнопок

Магазин

Сначала вам нужно изучить css, даже если это основы. Потому что мы не можем знать, как вы хотите, чтобы кнопка выглядела.

Во-вторых, в браузере вы можете просто щелкнуть правой кнопкой мыши по кнопке и выбрать во всплывающем меню «Проверить». Откроется экран Инструментов разработчика. Когда вы посмотрите на вкладку «Стили», она выдаст вам текущие значения элементов и в какой таблице стилей CSS вы можете их найти. Таким образом, вам нужно будет использовать свой собственный дочерний стиль темы.css для создания новых элементов дизайна.

Или

Скорее всего, существует плагин для стилей кнопок WooCommerce. Я не могу вам ничего рекомендовать, потому что я сам работаю вручную. Но я надеюсь, что смогу продвинуть вас на шаг вперед в выяснении того, что вы могли бы исследовать дальше.