Помощник
|
Картинки по всей ширине блока, а текст с отступами, Как сделать на CSS? |
Lifekaifer
|
Сообщение
#1
|
||
|
|
||
|
|||
falken |
17.8.2016, 2:21;
Ответить: falken
Сообщение
#2
|
|
Подозреваю что надо это реализовать через margin: -40px или как то так, давайте чтобы не подозревать, а выяснить наверняка - донора в студию и будем разбираться -------------------- |
|
|
Lifekaifer
|
Сообщение
#3
|
|
falken, 2.druganov.travel
-------------------- |
|
|
sc2r2bey |
17.8.2016, 3:24;
Ответить: sc2r2bey
Сообщение
#4
|
|
скорее всего это миниатюры к статьям, правь их стиль
-------------------- программирую web и для we |
|
|
Lifekaifer
|
Сообщение
#5
|
|
не, в статьях (например в этой 2.druganov.travel/visa-usa/ выводятся не как миниатюры а как size-full
Да и чтобы править надо знать что писать)) ну помимо margin'а вот поэтому и прошу у вас совета, потому что не знаю) Сообщение отредактировал Lifekaifer - 17.8.2016, 7:40 -------------------- |
|
|
sc2r2bey |
17.8.2016, 11:22;
Ответить: sc2r2bey
Сообщение
#6
|
|
ну по этой ссылке стили такие:
img { height: auto; max-width: 100%; } -------------------- программирую web и для we |
|
|
Lifekaifer
|
Сообщение
#7
|
|
sc2r2bey, это я вижу.
Как их сделать во всю ширину? -------------------- |
|
|
Lifekaifer
|
Сообщение
#8
|
|
Нашел что решает проблему.
в <div> ответственном за сингл запись стоит такой стиль: Код .pad { padding: 30px 30px 20px; } Если его убрать, то изображения и текст плотно прилипают к краям, как мне и нужно. Теперь осталось понять как сделать все таки отступы от краев для текста. И текст и картинки автоматом оборачиваются в <p> Домен кстати переехал просто на druganov.travel, без двойки -------------------- |
|
|
VeronikaVeik |
24.8.2016, 15:50;
Ответить: VeronikaVeik
Сообщение
#9
|
|
Да, верно убираете у главного контейнера паддинг
Код .pad {padding: 0;} Дальше для текста пишете, к примеру Код .entry-inner p:first-child { padding: 0 50px; } Там суть в чем, у вас <p> это и текст и картинка, потому просто к <p> нельзя обратиться, отступ снова появится. Один из выходов использовать псевдокласс. С заголовком, если нужен так же отступ, просто задаете классу margin-left: (сколько-то)px; Примерно так. Сообщение отредактировал VeronikaVeik - 24.8.2016, 15:52
Прикрепленные файлы
-------------------- |
|
|
prolisk |
24.8.2016, 18:54;
Ответить: prolisk
Сообщение
#10
|
|
У меня была похожая тема, картинки обрезались стилями и функциями. Я просто изменил формат картинки (стояло medium, заменил на post-thumbnal)
По поводу картинок: есть такие форматы по умолчанию: thumb, thumbnail, medium, large, post-thumbnail Может протестируйте их. -------------------- Блог вебмастера. Добавь свой сайт в белый каталог |
|
|
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
SEO-текст на главной странице сайта и в категориях | 5 | boltuk | 1429 | 26.3.2024, 21:43 автор: c4p1t4l15t |
|
Можно ли в старый SEO текст вместо старого домена поставить новый? | 3 | Tutich | 1217 | 22.3.2024, 14:47 автор: Tutich |
|
Кто и зачем покупает картинки обезьян по $200 тысяч? NFT |
167 | metvekot | 27437 | 6.3.2024, 21:58 автор: Boymaster |
|
Текст для сайта на английском языке | 33 | D007user | 18122 | 26.1.2022, 17:16 автор: D007 |
|
Копирайтинг и рерайт: качественный сео-текст по доступной цене! | 374 | Sostavitel | 196999 | 18.1.2022, 23:46 автор: Sostavitel |
Текстовая версия | Сейчас: 23.4.2024, 14:27 |