Как перенести заначек (sale, new и пр...) - Дизайн и оформление

Как перенести значек sale, new и прочие в другую часть фотографии товара ?

используя ЦСС.
Нужно задать диву в котром выводится лейбл нужные параметры. Класс .product_label

используя ЦСС.
Нужно задать диву в котром выводится лейбл нужные параметры. Класс .product_label

Спасибо!
А не подскажешь еще где лежит эта ЦСС

шаблон/цсс/дефаулт.цсс

Файл product_default.php имеет строку <div class="product_label">
Ищем в файле default.css класс product_label
и упражняемся с ним до победы...

Спасибо, всё просто и сразу получилось, с ужасом вспоминаю как это было на Вирмарте

Код

.jshop .product_label{
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;    
}

Считаю, что не корректно в данном случае регулировать позицию объекта с помощью "margin"
Используйте "top: 5px;" "left: 5px;"  - в этом примере CSS задаст отступ сверху и слева на 5 пикселей.

Считаю, что не корректно в данном случае регулировать позицию объекта с помощью "margin"
Используйте "top: 5px;" "left: 5px;"  - в этом примере CSS задаст отступ сверху и слева на 5 пикселей.

Может и не корректно, но это нужно написать разработчикам. Послание не в тот адрес...

при чем тут адрес. Я про то, чем надо менять положение объекта при использовании "position:absolute"

при чем тут адрес. Я про то, чем надо менять положение объекта при использовании "position:absolute"

Так что тут некорректного ?
На фото есть объект в виде наложенной картинке.
Этот объект надо сдвинуть.
По моему очень корректное решение.
А Ваше какое ?

.jshop .product_label{
    position: absolute;
    left: 5px;
    top: 5px;   
}

шаблон/цсс/дефаулт.цсс

Файл product_default.php имеет строку <div class="product_label">
Ищем в файле default.css класс product_label

Код

.jshop .product_label{
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;    
}

и упражняемся с ним до победы...

В нем нашел
.jshop .product_label{
    position: absolute;
    left: 5px;
    top: 5px;   
}

Но какие бы значения не ставил, ничего не меняется :-(
Мож посоветуете что ?
Нашел файлик default.css

у меня все меняется.
Кстати, у родительского элемента надо поставить "position:relative;"

у меня все меняется.
Кстати, у родительского элемента надо поставить "position:relative;"

Это где и в каком файле ?

у меня все меняется.
Кстати, у родительского элемента надо поставить "position:relative;"

Поставил вообще заоблачные цифры и ничего :-(
Вот кусок файла :

.jshop .product_label{
    position: absolute;
  left: 115px;
  top: 135px;   
}

Путь до файла /components/com_jshopping/css/default.css
там ищешь
.jshop .product_label{
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;   
}
и меняй цифры так как надо.

Путь до файла /components/com_jshopping/css/default.css
там ищешь
.jshop .product_label{
    position: absolute;
    margin-left: -5px;
    margin-top: -5px;    
}
и меняй цифры так как надо.

Так я же показал сообщением выше изменения именно в этом файле.
Результат нулевой :-(
Более того...
Я вообще закоментировал  default.css и ничего не изменилось :-(
Вот что странно

Так я же показал сообщением выше изменения именно в этом файле.
Результат нулевой :-(
Более того...
Я вообще закоментировал  default.css и ничего не изменилось :-(
Вот что странно

Тема тихим сапом превращается онлайн курс по CSS.

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

Сайт локально или нет? Если нет, то ссылку на сайт.
Установите FireBug и тогда Вы точно будете знать почему не работает.

Сайт локально или нет? Если нет, то ссылку на сайт.
Установите FireBug и тогда Вы точно будете знать почему не работает.

Нет не локально.
Вот ссылка www.3opt.ru
Подскажите пожалуйста.

В Вашем случае Вам нужно править вот этот файл 185-ю строку
http://www.3opt.ru/modules/mod_ice_carousel/assets/style.css
Например так:
.jshopping_padding .product_label {
    position: absolute;
    top: 25px;
    left: 25px;
}

В Вашем случае Вам нужно править вот этот файл 185-ю строку
http://www.3opt.ru/modules/mod_ice_carousel/assets/style.css
Например так:
.jshopping_padding .product_label {
    position: absolute;
    top: 25px;
    left: 25px;
}

Дорогой ТОВАРИЧ!
У тебя есть кошелек?
Дай отправлю небольшой взнос...
Спасибо тебе большое, все порешалось...
У меня было подозрение, что это где то в карусельном модуле, не мог найти.
Не подскажешь методику поиска?

ФаерБаг

В Вашем случае Вам нужно править вот этот файл 185-ю строку
http://www.3opt.ru/modules/mod_ice_carousel/assets/style.css
Например так:
.jshopping_padding .product_label {
    position: absolute;
    top: 25px;
    left: 25px;
}

Наконец то отправил чуток тебе в кошелек.
Подтверди получение.

.jshop .product_label{
    position: absolute;
    left: 5px;
    top: 5px;   
}

Отправил тебе чуток в кошелек за труды и отзыв....
Подтверди получение.

Интересно а как быть если шаблон резиновый?
Картинка товара размещена по середине, в ряду три товара.

Как примотать картинку new на картинку товара?

Внес изменения в категорию (product.php) и карточку (product_default.php) товара прописал в CSS шаблона JS получилось:
в карточке порядок а в категории и сопутствующих, лейбл стоит на месте а фото товара бегает  ))))))
чЁ делать то?

тут//////  копать ?

Короче решил сам. Всем спасибо.