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

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, заменить всё содержимое.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

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

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

Это надо файлы плагина смотреть.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

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

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

Я ещё не разбирался в ворпрессах, но посмотреть могу:)
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

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

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;. По крайней мере экран не должен будет быть жёлтым.
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

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

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

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

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;}}
  • 0
Хочешь поблагодарить? Есть способы - Поддержать проект

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

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

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)
  • 0

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

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

solo 29 апр 2017, 17:18 Сообщение

Я все та ки нашел , но через хостинг не получаеться редактировать, все замирает. Че делать?
  • 0

Похожие темы

  • igorbond
    Последнее сообщение igorbond|
    Добрый день, в таблице вставлено изображение и баннер, но для моб. версии одна часть пропадает, а другая съезжает, можно как то именно для этих...