Я застрял с этим и перепробовал много вещей, поэтому я не знаю, что именно пытался, но я думаю, что я почти перепробовал все возможности в css, но я открыт для других идей.Проблема в том, что изображение категории скрывает текст описания, как вы можете видеть на этой картинке .
. Img имеет абсолютную позицию в другом div, чем абзац, так что если ясделать его относительным, я не могу поставить один на другой (или, может быть, не знаю, как).
Я бы не стал публиковать код, потому что он prestashop и он довольно длинный, но этовеб-сайт: www.tienda.hostman.es
Если вы войдете в категорию «кокины», вы увидите, о чем я говорю.
Спасибо.ps: не могу редактировать html-файл, потому что он автоматически сгенерирован prestashop
Думаю, будет лучше, если я урежу часть кода здесь: это html:
<div class="block-category card card-block hidden-sm-down">
<h1 class="h1">Cocinas</h1>
<div id="category-description" class="text-muted"><p>En esta sección se encuentran todos nuestros productos para la limpieza y cuidado de cocinas</p></div>
<div class="category-cover">
<img src="http://tienda.hostman.es/img/c/14-category_default.jpg" alt="Productos cocinas">
</div>
</div>
, и этоКСС
p{
display: block;
margin-block-start:
margin-block-end:
margin-inline-start:
margin-inline-end: 0px;
}
.block-category .category-cover {
position: absolute;
right: .75rem;
bottom: 0;
}