Решено Отображение единицы измерения товара

[a.kalugin]

День добрый! В моем магазине будет продаваться товар, который числится как в штуках, так и в метрах. Поэтому, чтобы при покупке на странице товара отображались кастомные единицы товара (метры) поставил себе плагин WooCommerce Advanced Quantity. При редактировании товара, в соответствующем поле ввел единицу измерения (м.), но она отображалась простым текстом после выбора количества, это стремно подумал я, и захотел чтобы все было в одном стиле. Покапавшись немного в коде, нашел и вбил туда следующее:

<a class="btn btn-md btn-default"><big>м.</a></big>

после чего стало выглядеть так

Что уже лучше, более похоже на правду. Но блин, она по высоте меньше чем остальные, а при наведении на нее курсор мыши меняется на кликабельный (хотя это не ссылка) и она затемняется. Может кто подсказать, как ее выровнять по высоте с остальными, и прикрепить ближе к границе кнопки +, чтобы выглядело как то так:

Ссылка на страницу с товаром

 

[tuxfighter]

хотя это не ссылка

а что же это такое по вашему???
http://htmlbook.ru/html/a


ну и теги должны быть вложены друг в друга, а не вот так вот кашей намешаны.

 

[a.kalugin]

Про тег понял, ну я сделал как смог

 

[tuxfighter]

Про тег понял, ну я сделал как смог

где вы вообще этот код взяли и почему захотели именно его влепить?

Покапавшись немного в коде, нашел и вбил туда следующее:

в каком коде и куда "туда" вы это вбили?

 

[a.kalugin]

где вы вообще этот код взяли и почему захотели именно его влепить?

в каком коде и куда "туда" вы это вбили?

на главной сайта есть кнопка "узнать больше", вот она по своей форме и размеру похожа - поэтому я посмотрел ее код, и вставил его в админке, при редактировании товара специальное поле появилось после установки плагина, куда вводится единица измерения товара. Если просто текст ввести, то будет тупо текст, я захотел привести к общему виду

 

[tuxfighter]

за внешний вид отвечает css.
html - это верстка

 

[a.kalugin]

да я понимаю, но я не шарю в этом, поэтому и обратился за помощью сюда

 

[tuxfighter]

уберите все лишнее, оставьте только м.
и может быть кто-то вам поможет написать стили, так, как вам бы хотелось.
Только опишите максимально полно, какой вид вы хотите получить.
Я сейчас этим заниматься не буду (одинадцатый час ночи, уж извините), но возможно гляну с утра, если никто не поможет раньше.


И да, здесь вроде ни где не написано, что оказывается помощь по базываым понятиям, таким как html или css.
Это так, на будущее.

 

[a.kalugin]

Только опишите максимально полно, какой вид вы хотите получить.

в первом посте максимально подробно описал, что хочу получить. даже в редакторе сделал скриншот

И да, здесь вроде ни где не написано, что оказывается помощь по базываым понятиям, таким как html или css.
Это так, на будущее.

ну так я и спрашиваю по базовым понятиям, таким как css и html )

 

[tuxfighter]

.qty-suffix {
    border: solid 1px #d5d5d5;
    padding: 12px;
    padding-bottom: 6px;
    margin-top: 5px;
}

 

[a.kalugin]

Спасибо добрый человек, но куда этот код вставлять? в style.css прописал - ничего не поменялось

 

[tuxfighter]

кэш сбросте

 

[a.kalugin]

Сбросил, даже с другого браузера зашел (с которого не заходил) - не обновилось почему то

 

[tuxfighter]

вы его сбросили в том плагине, который занимается у вас кэшированием?
не знаю что такое fvm

 

[a.kalugin]

вы его сбросили в том плагине, который занимается у вас кэшированием?
не знаю что такое fvm

да, вверху страницы (административная панель) есть кнопка "Удалить кэш" , через нее удалял тоже. плагин WP Super cache.
что за fvm ?

 

[tuxfighter]

у вас стили имеют вид
https://xn----7sbika4afkrdak4aj.xn--p1ai/wp-content/uploads/fvm/out/footer-8a2a17b2-0.min.css

и ни одного указания на style.css темы


попробуйте тогда вставить в внешний вид-настройка-дополнительные стили

 

[a.kalugin]

получилось. причем когда зашел в настройки стилей, уже отображалось все. вышел - перестало... прописал туда код, чтобы не глючило.
только у меня сам контур чуть вниз съехал, и я никак не могу его сделать чтобы он ровно по центру был, как бы я не менял значения

 

[tuxfighter]

к сожалению я все также вижу букву м. без рамочки

 

[tuxfighter]

в последнее правило добавьте !important
должно получится так:
margin-top: 5px !important;

 

[a.kalugin]

Да, теперь ровно отображается! А можете еще подскажите, как расстояние между этой единицей измерения, и кнопкой "+" и "В корзину" сделать меньше? примерное такое же, как между "В корзину" и сердечком