Question

Добрый день. В самом конце шаблона 1803 есть три блока с картинками. мне нужен только один, но  чтобы он выглядел как на картинке

Когда удаляю в Promo элементы, которые были перед этой картинкой, то появляетя большая картинка и под ней текст, и большие отступы между картинкой и текстом. как исправить?

Answer 1

прочитайте инструкцию https://www.ucoz.ru/help/templates/design-1803

Comments

я читала инструкцию. Когда блок с картинкой становится первым, то он увеличивается, а вот следующие картинки в нужном мне виде. мне нужно сделать так, чтобы первая картинка была в нужном виде

---

Алина Кот,

В блоке промо найти код:

<div class="news-wrap inner-wrap">

<div class="inside-wrap">

<h3 class="title">Lorem ipsum dolor <span>sit amet</span></h3>

<div class="grid">

<div class="new">

<div class="img-part">

<img src="https://numeral-systems.ucoz.org/material_ljuboznatelnykh.jpg" border="0" alt="news">

</div>

<div class="text-part">

<div class="news-title">Lorem ipsum dolor sit amet</div>

<div class="news-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua.

</div>

<a class="more" href="#">More</a>

</div>

</div>

<div class="new">

<div class="img-part">

<img src="/.s/t/1803/news-3.jpg" alt="news">

</div>

<div class="text-part">

<div class="news-title">Lorem ipsum dolor sit amet</div>

<div class="news-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua.

</div>

<a class="more" href="#">More</a>

</div>

</div>

</div>

</div>

</div>

который заменить на:

<div class="news-wrap inner-wrap">

<div class="inside-wrap">

<h3 class="title">Lorem ipsum dolor <span>sit amet</span></h3>

<div class="grid">

 

<div class="new">

<div class="img-part">

<img src="/.s/t/1803/news-3.jpg" alt="news">

</div>

<div class="text-part">

<div class="news-title">Lorem ipsum dolor sit amet</div>

<div class="news-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod

tempor incididunt ut labore et dolore magna aliqua.

</div>

<a class="more" href="#">More</a>

</div>

</div>

</div>

</div>

</div>

после в стилях найти строки с 168 по 171:

.grid .new:nth-child(1){grid-row:1/3;display:grid;grid-template:1fr 1fr/1fr}
.grid .new:nth-child(2){display:grid;grid-template-columns:1fr 1.5fr}
.grid .new:nth-child(3){display:grid;grid-template-columns:1fr 1.5fr}
.grid .new:nth-child(1) .text-part{align-self:center}

вот эти строки замените просто на:

.grid .new:nth-child(1){display:grid;grid-template-columns:1fr 1.5fr}
.grid .new:nth-child(1) .text-part{align-self:center}

сохраните изменения и готово.