Страница 1 из 4
Подогнать 2 блока
Добавлено: 22 окт 2015, 14:45
eska
Здравствуйте, суть следующая, есть 2 блока в конце каждой статьи "Реклама от яндекса" и "Похожие темы" нужно подогнать по стилю блок "похожие темы" под блок "Реклама яндекс" что бы выглядело как один блок.
Кто чем сможет помочь, помогите.
В данной случае рассматриваю эту страницу
http://gaz-autoclub.ru/lifegaz/2015/08/ ... hitelnaya/ внизу.
Подогнать 2 блока
Добавлено: 22 окт 2015, 15:57
CabinetAdmin
Код: Выделить всё
.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
, заменить всё содержимое.
Подогнать 2 блока
Добавлено: 22 окт 2015, 16:09
eska
Вообще идеально, а можно ли убрать в конце записей это - [...]
Подогнать 2 блока
Добавлено: 22 окт 2015, 18:38
CabinetAdmin
Это надо файлы плагина смотреть.
Подогнать 2 блока
Добавлено: 22 окт 2015, 21:35
eska
Могу архив скинуть если под силу вам.
Подогнать 2 блока
Добавлено: 23 окт 2015, 16:43
CabinetAdmin
Я ещё не разбирался в ворпрессах, но посмотреть могу:)
Подогнать 2 блока
Добавлено: 06 мар 2017, 17:37
solo
Здравствуйте, помогите разобраться. Делаю сайт на word press , "верстаю" в готовой теме в редакторе Page Builder от SiteOrigin. Решил сделать блоки div спозицианировал их в Notepad++, все работает в браузере отлично. НО стоило скопировать html, css в редактор сайта немного блоки покоребило, и при уменьшении экрана блоки-то сложились отлично, но залезли на footer, как быть
Я ЕСЛИ ЧЕ САМОУЧКА-спасибо за понимание
Подогнать 2 блока
Добавлено: 06 мар 2017, 20:54
CabinetAdmin
Первое, вот так:
Код: Выделить всё
<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;
. По крайней мере экран не должен будет быть жёлтым.
Подогнать 2 блока
Добавлено: 07 мар 2017, 14:14
solo
Спасибо попробую
Подогнать 2 блока
Добавлено: 29 апр 2017, 09:08
solo
Здравствуйте, в шапке сайта справа прописал свои контакты, а в мобильной версии не видно , подскажите как исправить ситуацию.
http://vkysnyatina.ru/
Подогнать 2 блока
Добавлено: 29 апр 2017, 09:31
CabinetAdmin
В файле 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;}}
Подогнать 2 блока
Добавлено: 29 апр 2017, 13:06
solo
Спасибо попробую
Подогнать 2 блока
Добавлено: 29 апр 2017, 16:30
solo
@media only screen and (max-width:1200px){#header-widgets{display:none;}} такого нет а есть вот
@media only screen and (min-width:479px) and (max-width:960px)
Подогнать 2 блока
Добавлено: 29 апр 2017, 16:51
CabinetAdmin
Возможно есть пробел и по фразе целиком не получается найти, попробуйте поискать по #header-widgets
, один из найденных мест будет этим. Скорее всего будет последним найденным.
Подогнать 2 блока
Добавлено: 29 апр 2017, 17:18
solo
Я все та ки нашел , но через хостинг не получаеться редактировать, все замирает. Че делать?