Подогнать 2 блока

Одна из самых популярных систем управления контентом — Wordpress.
Аватара пользователя
eska

Подогнать 2 блока

eska 22 окт 2015, 14:45 Сообщение

Здравствуйте, суть следующая, есть 2 блока в конце каждой статьи "Реклама от яндекса" и "Похожие темы" нужно подогнать по стилю блок "похожие темы" под блок "Реклама яндекс" что бы выглядело как один блок.
Кто чем сможет помочь, помогите.
В данной случае рассматриваю эту страницу http://gaz-autoclub.ru/lifegaz/2015/08/ ... hitelnaya/ внизу.
Изображение

Аватара пользователя
CabinetAdmin

Подогнать 2 блока

CabinetAdmin 22 окт 2015, 15:57 Сообщение

Код: Выделить всё

.wp_rp_wrap { clear: both; } .wp_rp_wrap .related_post_title { background: rgba(245, 245, 245, 1) !important; padding: 3px 0 3px 10px !important; margin: 0 !important; font-weight: normal; border-radius: 2px !important; border: 1px solid rgba(0, 0, 0, .1) !important; clear: both !important; } div.wp_rp_content { display: block !important; } div.wp_rp_footer { text-align: right !important; overflow: hidden !important; } div.wp_rp_footer a { color: #999 !important; font-size: 11px !important; text-decoration: none !important; display: inline-block !important; } div.wp_rp_footer a.wp_rp_edit { color: #fff !important; font-size: 12px !important; text-decoration: underline !important; font-weight: bold !important; background: #f79124 !important; border-radius: 2px !important; padding: 3px 6px; } ul.related_post { margin: 0 0 18px 0 !important; padding: 0 !important; } ul.related_post li { position: relative !important; min-height: 92px; list-style: none !important; padding: 10px !important; margin: 0 !important; background: none !important; } ul.related_post li a { position: relative !important; text-decoration:none; text-indent: 0 !important; } ul.related_post li a.wp_rp_title { font-size: 110%; color: #4B7796 !important; font-weight: bold; } ul.related_post li a.wp_rp_title:hover { color: #000 !important; text-decoration:none; } ul.related_post li a img { width: 90px; height: 82px; float: left !important; margin: 0 10px 0 0 !important; padding: 0 !important; max-width: 100% !important; float: none !important; } ul.related_post li a img.wp_rp_santa_hat { display: none !important; } ul.related_post li a.title { vertical-align: top !important; } ul.related_post li .wp_rp_excerpt { display: block; font-size: 100%; color: #000; margin-top: 3px; } /* override old CSS for new plugin version with CSS classes */ ul.related_post li a.wp_rp_thumbnail { float: left !important; margin-right: 10px !important; } ul.related_post li a.wp_rp_thumbnail img { float: none !important; margin-right: 0 !important; display: block !important; }


Это в wp-content/plugins/related-posts/static/themes/modern.css, заменить всё содержимое.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Подогнать 2 блока

eska 22 окт 2015, 16:09 Сообщение

Вообще идеально, а можно ли убрать в конце записей это - [...]

Аватара пользователя
CabinetAdmin

Подогнать 2 блока

CabinetAdmin 22 окт 2015, 18:38 Сообщение

Это надо файлы плагина смотреть.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

Аватара пользователя
eska

Подогнать 2 блока

eska 22 окт 2015, 21:35 Сообщение

Могу архив скинуть если под силу вам.

Аватара пользователя
CabinetAdmin

Подогнать 2 блока

CabinetAdmin 23 окт 2015, 16:43 Сообщение

Я ещё не разбирался в ворпрессах, но посмотреть могу:)
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

solo

Подогнать 2 блока

solo 06 мар 2017, 17:37 Сообщение

Здравствуйте, помогите разобраться. Делаю сайт на word press , "верстаю" в готовой теме в редакторе Page Builder от SiteOrigin. Решил сделать блоки div спозицианировал их в Notepad++, все работает в браузере отлично. НО стоило скопировать html, css в редактор сайта немного блоки покоребило, и при уменьшении экрана блоки-то сложились отлично, но залезли на footer, как быть
Я ЕСЛИ ЧЕ САМОУЧКА-спасибо за понимание

solo

Подогнать 2 блока

solo 06 мар 2017, 17:57 Сообщение

вот ссылка на страницу сайта http://soffit18.ru/s/

Аватара пользователя
CabinetAdmin

Подогнать 2 блока

CabinetAdmin 06 мар 2017, 20:54 Сообщение

Первое, вот так:

Код: Выделить всё

<a href="#"> <div class="blok1"> <div class="bloktitle"> <div class="bloktitle1"><h3>ЗАЛ</h3></div> </div> <div class="view"> <img src="http://xn--b1agakxcebvbs6j.xn--p1ai/image/home/1.jpg" width="180" height="150"> <div class="mask"> <p>Натяжной потолок обошелся 5900 руб</p> </div> </div> </div></a>

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

Код: Выделить всё

<div class="blok1"> <div class="bloktitle"> <div class="bloktitle1"><h3>ЗАЛ</h3></div> </div> <div class="view"> <img src="http://xn--b1agakxcebvbs6j.xn--p1ai/image/home/1.jpg" width="180" height="150"> <div class="mask"> <p>Натяжной потолок обошелся 5900 руб</p> </div> </div> <a class="block-link" href="#"></a> </div>

И стили:

Код: Выделить всё

.blok1, .blok2, .blok3, .blok4 { position: relative; } .block-link { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


Второе, незакрытые теги <a href="#"> у этих четырёх блоков. В общем половина беды, как это обычно бывает, в ошибках вёрстки - незакрытые теги.

Третье, из-за чего собственно у вас так происходит. У вас стиль очень своеобразный, при уменьшении экрана футер уходит влево за экран... И вызываются нажатием кнопки. В стили для маленьких экранов добавляются стили для обтекания: float: left; и float: right;, вот собственно из-за них экран и окрашивается.
Попробуйте в style.css к этому месту:

Код: Выделить всё

.site-footer { background-color: #fff; color: #afafaf; font-size: 14px; text-align: center; vertical-align: middle; }

добавить overflow: hidden;. По крайней мере экран не должен будет быть жёлтым.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

solo

Подогнать 2 блока

solo 07 мар 2017, 14:14 Сообщение

Спасибо попробую

solo

Подогнать 2 блока

solo 29 апр 2017, 09:08 Сообщение

Здравствуйте, в шапке сайта справа прописал свои контакты, а в мобильной версии не видно , подскажите как исправить ситуацию.
http://vkysnyatina.ru/

Аватара пользователя
CabinetAdmin

Подогнать 2 блока

CabinetAdmin 29 апр 2017, 09:31 Сообщение

В файле main.min.css (он находится в папке assets/front/css/) найдите:

Код: Выделить всё

@media only screen and (max-width:1200px){#header-widgets{display:none;}}

и замените на:

Код: Выделить всё

@media only screen and (max-width:1200px){#header-widgets{float: none;text-align: center;}}
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект

solo

Подогнать 2 блока

solo 29 апр 2017, 13:06 Сообщение

Спасибо попробую

solo

Подогнать 2 блока

solo 29 апр 2017, 16:30 Сообщение

@media only screen and (max-width:1200px){#header-widgets{display:none;}} такого нет а есть вот
@media only screen and (min-width:479px) and (max-width:960px)

Аватара пользователя
CabinetAdmin

Подогнать 2 блока

CabinetAdmin 29 апр 2017, 16:51 Сообщение

Возможно есть пробел и по фразе целиком не получается найти, попробуйте поискать по #header-widgets, один из найденных мест будет этим. Скорее всего будет последним найденным.
Создать форум бесплатно на http://luckbb.ru/
Хочешь поблагодарить? Есть способы Поддержать проект



Похожие темы

Вернуться в «WordPress»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость