Подвинуть блок с ценой <span>

[Alexander1111111]

Доброго вечера.
Есть тема MaxStore 1.0.4, WooCommerce 2.4.13. На превью товара мне хотелось бы подвинуть блок с ценой, да вот как это сделать плохо понимаю.

Так понял, что нужно использовать какой-то селктор css, пробовал align, vertical-align, не получилось. Получилось сдвинуть его с места с помощью

position: relative;
top: 25px;

но такое не прокатило, ибо в некоторых местах повыезжало за границы блока.

Так вот, как же мне все-таки это осуществить?
Если что, вот ссылочка
http://shoshopshop.esy.es/

 

[joy66]

используйте margin-top
.woocommerce ul.products li.product .price .amount {
margin-top: 25px;
}

 

[Alexander1111111]

Получается также, как на втором скриншоте(

 

[joy66]

У меня почему-то нет скриншотов

 

[joy66]

Ок. посмотрел. У вас разные по формату картинки. Здесь выхода два.
1 Привести картинки по высоте к одному формату
2 использовать
position: relative;
bottom: 0px; (то есть отталкиваться от нижней границы родителя)

 

[Stork.71]

если надо привязать к верху - то используйте top. Если надо привязать к низу - то bottom. Логика простая. Дальше только играться с цифрами.

 

[Alexander1111111]

joy66, изображения сделал одного размера, все теперь отлично. Странно, я думал оно само обрезает под один размер при отмеченной галочке "жесткая обрезка"