Кнопки + и - - Вопросы по CSS

Добрый день уважаемые посетители форума! Прошу извинить меня за мою техническую неопытность и прошу Вас дать подробный ответ на мой глупый вопрос.

Подскажите, пожалуйста, как вставить в кнопку + и - ( или изображение )

Если без кастомизации, то input type="number"

Если без кастомизации, то input type="number"

Извините, я понимаю, что для Вас это абсолютно обыденный вопрос. Но войдите в моё положение, и разъясните, пожалуйста, более подробно. У меня есть изображение стрелок, в какой файл мне зайти и куда вставить путь к этим стрелкам? Заранее огромное человеческое спасибо!

Сайт - https://halobeltshop.ru/magazin

Извините, я понимаю, что для Вас это абсолютно обыденный вопрос. Но войдите в моё положение, и разъясните, пожалуйста, более подробно. У меня есть изображение стрелок, в какой файл мне зайти и куда вставить путь к этим стрелкам? Заранее огромное человеческое спасибо!

Я так понял что вы хотите вставить эти стрелки справа и слева от поля с числом, тогда это можно сделать через CSS .
Найдите как в коде выводятся эти элементы и для них в CSS пропишите background: url(images/стрелка.png);

У вас там классы все прописаны. Открываете файл templates/shaper_vocal/css/template.css и после последней строчки добавляете:

У вас там классы все прописаны. Открываете файл templates/shaper_vocal/css/template.css и после последней строчки добавляете:

Код: css

.product_plus {
background: url('путь до картинки плюсика') center center no-repeat;
}
.product_minus {
background: url('путь до картинки минусика') center center no-repeat;
}

Что я делаю не так ?

Картинка лежит в docs/images
добавьте слеш
.product_minus {
    background: url("/images/arrow_down.gif") no-repeat scroll center center;
}

Положите картинку в ту же папку, где css-файл. Пропишите:

Допишите !important
../images/arrow_up.gif") no-repeat scroll 0px 2px!important

Может проблема быть в самом шаблоне? При заходе в этот шаблон, он не реагирует на "закрыть" "сохранить". С остальными все нормально.

залейте картинки если их там нету в папку https://halobeltshop.ru/templates/shaper_vocal/images

и допишите в стилях путь ../images/название картинки вот так

стрелки там есть у вас сейчас arrow_down.gif и arrow_up.gif
просто в стилях пути к картинкам поправьте как выше написал в файле https://halobeltshop.ru/templates/shaper_vocal/css/template.css

Может проблема быть в самом шаблоне? При заходе в этот шаблон, он не реагирует на "закрыть" "сохранить". С остальными все нормально.

Мне кажется проблема в том что вы не знаете как правильно писать CSS .
То вы пишите background: url("/images/arrow_down.gif")
а то background: url("arrow_down.gif") no-repeat scroll 0px 2px !important; без images
Тогда уж так url("../arrow_down.gif")

@umbabaraumba
он видимо картинки повсюду уже залил 

Я ж написал самый простой способ, чтоб ТС не парился с путями, положить в ту же папку, что и CSS.

Большое спасибо всем, кто помогал! Я новичок в СSS и по-этому Ваша помощь для меня неоценима!
Картинки я вкладывал в папку шаблона, но скорее всего, я что-то сделал не так.

Как мне теперь централизовать их?

Код: css

.product_minus {
    background: rgba(0, 0, 0, 0) url("../images/arrow_down.gif") no-repeat center center !important;
    width: 20px !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
}.product_plus {
    background: rgba(0, 0, 0, 0) url("../images/arrow_up.gif") no-repeat center center !important;
    width: 20px !important;
    margin:0 !important;
    padding:0 !important;
    border:none !important;
}

Завтра свечку за Вас поставлю) спасибо

Завтра свечку за Вас поставлю) спасибо

Вот ничего себе, Жека, ты жив хоть?
Зачем тебя хоронят?

Вот ничего себе, Жека, ты жив хоть?
Зачем тебя хоронят?

Разве за здравие не бывает ?)

Завтра свечку за Вас поставлю) спасибо

@maxoh
почитайте хотя бы htmlbook.ru для начала понимания верстки, там все расписано, хоть наберетесь опыта по распространенным
background:
width:
height:
font:
margin:
padding:
border:
и др.