Перейти к содержимому


Изменение Структуры Главной Страницы


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 6

#1 Вадим Финик

Вадим Финик

    Новичок

  • Пользователи
  • Pip
  • 2 сообщений

Отправлено 12 Август 2017 - 13:48

Здравствуйте, в настройках страниц я поставил, чтобы на главной был каталог, а ниже описание магазина. Но есть только описание, а в идеале я хочу такую структуру(1 фотка). Если это возможно, помогите пожалуйста. У меня сейчас вот так(вторая фотка). Я имею ввиду только структуру, цвет не учитывается тут. Потом я вроде научился сам цвет менять, но именно тут не получается(3 фотка) Нужно у звездочек и строчек цвет поменять, подскажите где это мне можно сделать. Спасибо!

Прикрепленные изображения

  • Screenshot_15.jpg
  • Screenshot_16.jpg
  • Screenshot_17.jpg


#2 Stasya

Stasya

    Активный участник

  • Модераторы
  • 3 822 сообщений

Отправлено 15 Август 2017 - 15:49

Просмотр сообщенияВадим Финик (12 Август 2017 - 13:48) писал:

Здравствуйте, в настройках страниц я поставил, чтобы на главной был каталог, а ниже описание магазина. Но есть только описание, а в идеале я хочу такую структуру(1 фотка). Если это возможно, помогите пожалуйста. У меня сейчас вот так(вторая фотка). Я имею ввиду только структуру, цвет не учитывается тут. Потом я вроде научился сам цвет менять, но именно тут не получается(3 фотка) Нужно у звездочек и строчек цвет поменять, подскажите где это мне можно сделать. Спасибо!
Здравствуйте. Уточните, пожалуйста, Ваш номер аккаунта.

#3 Biglingerie

Biglingerie

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 07 Ноябрь 2017 - 01:45

Добрый день
аккаунт 417485 (мой второй)
Возможно я что-то удалил когда корректировал главную страницу
Хотелось бы добавить внизу блок с новостями (над контактами и меню)
Чтобы там выводились только новости из "каталог статей"
На главной странице чтобы выводилось по 4 последних новости

#4 Ирина345

Ирина345

    Активный участник

  • Модераторы
  • 5 486 сообщений

Отправлено 09 Ноябрь 2017 - 14:48

Просмотр сообщенияBiglingerie (07 Ноябрь 2017 - 01:45) писал:

Добрый день
аккаунт 417485 (мой второй)
Возможно я что-то удалил когда корректировал главную страницу
Хотелось бы добавить внизу блок с новостями (над контактами и меню)
Чтобы там выводились только новости из "каталог статей"
На главной странице чтобы выводилось по 4 последних новости
Здравствуйте, в используемом Вами шаблоне Новостной блок не предусмотрен, поэтому найдите в шаблоне hTML код
  {% IF index_page %}
	<script>
	  $(function(){ slideShow()});
	  // Запуск слайдера Новостей
	  $(function(){ slideNews()});
	   </script>
	{% ENDIF %}

замените на
  {% IF index_page %}
	<script>
	  $(function(){ slideShow()});
	   </script>
	{% ENDIF %}
далее найдите код
			  <!-- /END Вы смотрели -->
			</div>
			{% ENDIF %}
		  </div>
		</div>
	  </div>
	  <!-- /END Основная часть -->

после вставьте
  <!-- Если в тарифном плане подключен модуль новостей -->
	  {% IF index_page && TARIFF_FEATURE_NEWS %}
	  {% IF news_list_all_empty=0 || news_list_shop_empty=0 || news_list_articles_empty=0 ||  news_list_mass_media_empty=0 %}
	  <div id="botsl" class="wrap">
		<div class="container">
		  <div class="row">
			<div class="block block-latestblog col-xs-12">
			  <div class="block-title"><a href="{NEWS_ALL_URL}">Новости</a></div>
			  <div class="navigation">
				<span class="next"></span>
				<span class="prev"></span>
			  </div>
			  <div class="block-content">
				<ul class="list-blog owl-carousel owl-theme">
				<!--  Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				{% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				  <li class="item">
				  {% FOR news_list_all %}
					<div class="item-post clearfix">
					  {% IF news_list_all.SHOW_TIME %}
					  <div class="date">
						<span class="d-day">{news_list_all.TIME | date("d")}</span>
						<span class="d-month">{news_list_all.TIME | date("m")}</span>
					  </div>
					  {% ENDIF %}
					  <div class="postTitle">
						<a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
					  </div>
					  <div class="postContent">
						<p>{news_list_all.TEXT_SHORT}</p>
					  </div>
					</div>
				  {% ENDFOR %}
				  </li>
				{% ENDIF %}
				<!--  /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
				<!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				{% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				  <li class="item">
				  {% FOR news_list_shop %}
					<div class="item-post clearfix">
					  {% IF news_list_shop.SHOW_TIME %}
					  <div class="date">
						<span class="d-day">{news_list_shop.TIME | date("d")}</span>
						<span class="d-month">{news_list_shop.TIME | date("m")}</span>
					  </div>
					  {% ENDIF %}
					  <div class="postTitle">
						<a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
					  </div>
					  <div class="postContent">
						<p>{news_list_shop.TEXT_SHORT}</p>
					  </div>
					</div>
				  {% ENDFOR %}
				  </li>
				{% ENDIF %}
				<!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
				<!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
				{% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
				  <li class="item">
				  {% FOR news_list_articles %}
					<div class="item-post clearfix">
					  {% IF news_list_articles.SHOW_TIME %}
					  <div class="date">
						<span class="d-day">{news_list_articles.TIME | date("d")}</span>
						<span class="d-month">{news_list_articles.TIME | date("m")}</span>
					  </div>
					  {% ENDIF %}
					  <div class="postTitle">
						<a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;">{news_list_articles.TITLE}</a>
					  </div>
					  <div class="postContent">
						<p>{news_list_articles.TEXT_SHORT}</p>
					  </div>
					</div>
				  {% ENDFOR %}
				  </li>
				{% ENDIF %}
				<!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
				<!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
				{% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
				  <li class="item">
				  {% FOR news_list_mass_media %}
					<div class="item-post clearfix">
					  {% IF news_list_mass_media.SHOW_TIME %}
					  <div class="date">
						<span class="d-day">{news_list_mass_media.TIME | date("d")}</span>
						<span class="d-month">{news_list_mass_media.TIME | date("m")}</span>
					  </div>
					  {% ENDIF %}
					  <div class="postTitle">
						<a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;">{news_list_mass_media.TITLE}</a>
					  </div>
					  <div class="postContent">
						<p>{news_list_mass_media.TEXT_SHORT}</p>
					  </div>
					</div>
				  {% ENDFOR %}
				  </li>
				{% ENDIF %}
				<!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
				</ul>
			  </div>
			</div>
		  </div>
		</div>
	  </div>
	  {% ENDIF %}
	  {% ENDIF %}
	  <!-- /END Если в тарифном плане подключен модуль новостей -->

далее в конец файла main.js добавьте
// Слайдер для новостей
function slideNews() {
jQuery(window).load(function($){
  jQuery('.block-latestblog ul.list-blog').owlCarousel({
	  singleItem: true,
	  pagination: true,
	  itemsScaleUp : true,
	  slideSpeed : 800,
	  autoPlay: false,
	  //  transitionStyle: 'fadeUp',
	  addClassActive: true,
	  autoHeight: true,
	  afterAction: function (e) {
		if(this.$owlItems.length > this.options.items){
		  jQuery('.block-latestblog .navigation').show();
		}else{
		  jQuery('.block-latestblog .navigation').hide();
		}
	  }
  });
  jQuery('.block-latestblog .navigation .prev').on('click', function(e){
	e.preventDefault();
	jQuery('.block-latestblog ul.list-blog').trigger('owl.prev');
  });
  jQuery('.block-latestblog .navigation .next').on('click', function(e){
	e.preventDefault();
	jQuery('.block-latestblog ul.list-blog').trigger('owl.next');
  });
});
}

Далее в конец файла main.css добавьте
#botsl {margin: 0 0 38px 0;}
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
#botsl .block .block-title:before {position: absolute;content: "";height: 1px;width: 100%;bottom: 0px;left: 0px;background: #3cabda;}
#botsl .block .block-content {padding: 30px 0 0px;color: #666666;}
#botsl .block {float:left;margin-left:2%;}
#botsl .block:first-child {margin-left:0;}
#botsl .block.block-latestblog {position: relative;margin-bottom: 0px;}
#botsl .block.block-latestblog .navigation {width: 61px;height: 28px;top: 0px;float: right;position: relative;}
#botsl .block.block-latestblog .navigation .next {margin-left:35px;}
#botsl .block.block-latestblog .block-content {padding-top: 0px;padding-bottom: 0px;}
#botsl .block.block-latestblog .block-content ul {margin: 0 0;padding:0;list-style: none;margin-bottom: 0;}
#botsl .block.block-latestblog .block-content ul .item {float: left;width:100%;}
#botsl .block.block-latestblog .block-content ul .item .item-post {position: relative;padding: 11px 0px 19px 65px;float:left;width:40%;margin-left:5%;}
#botsl .block.block-latestblog .block-content ul .item .item-post:nth-child(2n+1) {border: none;margin-left:0;clear: both;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date {position: absolute;height: 53px;width: 53px;border: 1px solid #e9e9e9;text-align: center;left: 0px;top: 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span {color:#fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {color: #686868;display: block;font-size: 14px;margin-top: 7px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {display: block;font-size: 92%;color: #909090;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent {padding: 0 0;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}


#5 Biglingerie

Biglingerie

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 09 Ноябрь 2017 - 19:31

Просмотр сообщенияИрина345 (09 Ноябрь 2017 - 14:48) писал:

Здравствуйте, в используемом Вами шаблоне Новостной блок не предусмотрен, поэтому найдите в шаблоне hTML код
{% IF index_page %}
<script>
	 $(function(){ slideShow()});
	 // Запуск слайдера Новостей
	 $(function(){ slideNews()});
	 </script>
{% ENDIF %}

замените на
{% IF index_page %}
<script>
	 $(function(){ slideShow()});
</script>
{% ENDIF %}
далее найдите код
			 <!-- /END Вы смотрели -->
		 </div>
		 {% ENDIF %}
		 </div>
	 </div>
	 </div>
	 <!-- /END Основная часть -->

после вставьте
<!-- Если в тарифном плане подключен модуль новостей -->
	 {% IF index_page && TARIFF_FEATURE_NEWS %}
	 {% IF news_list_all_empty=0 || news_list_shop_empty=0 || news_list_articles_empty=0 || news_list_mass_media_empty=0 %}
	 <div id="botsl" class="wrap">
	 <div class="container">
		 <div class="row">
		 <div class="block block-latestblog col-xs-12">
			 <div class="block-title"><a href="{NEWS_ALL_URL}">Новости</a></div>
			 <div class="navigation">
			 <span class="next"></span>
			 <span class="prev"></span>
			 </div>
			 <div class="block-content">
			 <ul class="list-blog owl-carousel owl-theme">
			 <!-- Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_all_empty && TARIFF_FEATURE_NEWS %}
				 <li class="item">
				 {% FOR news_list_all %}
				 <div class="item-post clearfix">
					 {% IF news_list_all.SHOW_TIME %}
					 <div class="date">
					 <span class="d-day">{news_list_all.TIME | date("d")}</span>
					 <span class="d-month">{news_list_all.TIME | date("m")}</span>
					 </div>
					 {% ENDIF %}
					 <div class="postTitle">
					 <a href="{news_list_all.URL}" title="Перейти к странице &laquo;{news_list_all.TITLE}&raquo;">{news_list_all.TITLE}</a>
					 </div>
					 <div class="postContent">
					 <p>{news_list_all.TEXT_SHORT}</p>
					 </div>
				 </div>
				 {% ENDFOR %}
				 </li>
			 {% ENDIF %}
			 <!-- /Если есть список из любых новостей и если в тарифном плане подключен модуль новостей -->
			 <!-- Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_shop_empty && TARIFF_FEATURE_NEWS %}
				 <li class="item">
				 {% FOR news_list_shop %}
				 <div class="item-post clearfix">
					 {% IF news_list_shop.SHOW_TIME %}
					 <div class="date">
					 <span class="d-day">{news_list_shop.TIME | date("d")}</span>
					 <span class="d-month">{news_list_shop.TIME | date("m")}</span>
					 </div>
					 {% ENDIF %}
					 <div class="postTitle">
					 <a href="{news_list_shop.URL}" title="Перейти к странице &laquo;{news_list_shop.TITLE}&raquo;">{news_list_shop.TITLE}</a>
					 </div>
					 <div class="postContent">
					 <p>{news_list_shop.TEXT_SHORT}</p>
					 </div>
				 </div>
				 {% ENDFOR %}
				 </li>
			 {% ENDIF %}
			 <!-- /Если есть список новости магазина и если в тарифном плане подключен модуль новостей -->
			 <!-- Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_articles_empty && TARIFF_FEATURE_NEWS %}
				 <li class="item">
				 {% FOR news_list_articles %}
				 <div class="item-post clearfix">
					 {% IF news_list_articles.SHOW_TIME %}
					 <div class="date">
					 <span class="d-day">{news_list_articles.TIME | date("d")}</span>
					 <span class="d-month">{news_list_articles.TIME | date("m")}</span>
					 </div>
					 {% ENDIF %}
					 <div class="postTitle">
					 <a href="{news_list_articles.URL}" title="Перейти к странице &laquo;{news_list_articles.TITLE}&raquo;">{news_list_articles.TITLE}</a>
					 </div>
					 <div class="postContent">
					 <p>{news_list_articles.TEXT_SHORT}</p>
					 </div>
				 </div>
				 {% ENDFOR %}
				 </li>
			 {% ENDIF %}
			 <!-- /Если есть список статей магазина и если в тарифном плане подключен модуль новостей -->
			 <!-- Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
			 {% IFNOT news_list_mass_media_empty && TARIFF_FEATURE_NEWS %}
				 <li class="item">
				 {% FOR news_list_mass_media %}
				 <div class="item-post clearfix">
					 {% IF news_list_mass_media.SHOW_TIME %}
					 <div class="date">
					 <span class="d-day">{news_list_mass_media.TIME | date("d")}</span>
					 <span class="d-month">{news_list_mass_media.TIME | date("m")}</span>
					 </div>
					 {% ENDIF %}
					 <div class="postTitle">
					 <a href="{news_list_mass_media.URL}" title="Перейти к странице &laquo;{news_list_mass_media.TITLE}&raquo;">{news_list_mass_media.TITLE}</a>
					 </div>
					 <div class="postContent">
					 <p>{news_list_mass_media.TEXT_SHORT}</p>
					 </div>
				 </div>
				 {% ENDFOR %}
				 </li>
			 {% ENDIF %}
			 <!-- /Если есть список материалов СМИ магазина и если в тарифном плане подключен модуль новостей -->
			 </ul>
			 </div>
		 </div>
		 </div>
	 </div>
	 </div>
	 {% ENDIF %}
	 {% ENDIF %}
	 <!-- /END Если в тарифном плане подключен модуль новостей -->

далее в конец файла main.js добавьте
// Слайдер для новостей
function slideNews() {
jQuery(window).load(function($){
jQuery('.block-latestblog ul.list-blog').owlCarousel({
	 singleItem: true,
	 pagination: true,
	 itemsScaleUp : true,
	 slideSpeed : 800,
	 autoPlay: false,
	 // transitionStyle: 'fadeUp',
	 addClassActive: true,
	 autoHeight: true,
	 afterAction: function (e) {
	 if(this.$owlItems.length > this.options.items){
		 jQuery('.block-latestblog .navigation').show();
	 }else{
		 jQuery('.block-latestblog .navigation').hide();
	 }
	 }
});
jQuery('.block-latestblog .navigation .prev').on('click', function(e){
e.preventDefault();
jQuery('.block-latestblog ul.list-blog').trigger('owl.prev');
});
jQuery('.block-latestblog .navigation .next').on('click', function(e){
e.preventDefault();
jQuery('.block-latestblog ul.list-blog').trigger('owl.next');
});
});
}

Далее в конец файла main.css добавьте
#botsl {margin: 0 0 38px 0;}
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
#botsl .block .block-title:before {position: absolute;content: "";height: 1px;width: 100%;bottom: 0px;left: 0px;background: #3cabda;}
#botsl .block .block-content {padding: 30px 0 0px;color: #666666;}
#botsl .block {float:left;margin-left:2%;}
#botsl .block:first-child {margin-left:0;}
#botsl .block.block-latestblog {position: relative;margin-bottom: 0px;}
#botsl .block.block-latestblog .navigation {width: 61px;height: 28px;top: 0px;float: right;position: relative;}
#botsl .block.block-latestblog .navigation .next {margin-left:35px;}
#botsl .block.block-latestblog .block-content {padding-top: 0px;padding-bottom: 0px;}
#botsl .block.block-latestblog .block-content ul {margin: 0 0;padding:0;list-style: none;margin-bottom: 0;}
#botsl .block.block-latestblog .block-content ul .item {float: left;width:100%;}
#botsl .block.block-latestblog .block-content ul .item .item-post {position: relative;padding: 11px 0px 19px 65px;float:left;width:40%;margin-left:5%;}
#botsl .block.block-latestblog .block-content ul .item .item-post:nth-child(2n+1) {border: none;margin-left:0;clear: both;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date {position: absolute;height: 53px;width: 53px;border: 1px solid #e9e9e9;text-align: center;left: 0px;top: 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span {color:#fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {color: #686868;display: block;font-size: 14px;margin-top: 7px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {display: block;font-size: 92%;color: #909090;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent {padding: 0 0;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}

Появилась только ссылка Новости
краткого содержимого нет

#6 Vaccina

Vaccina

    Активный участник

  • Модераторы
  • 22 349 сообщений

Отправлено 10 Ноябрь 2017 - 08:15

Здравствуйте.

Данный код:
#botsl {margin: 0 0 38px 0;}
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
#botsl .block .block-title:before {position: absolute;content: "";height: 1px;width: 100%;bottom: 0px;left: 0px;background: #3cabda;}
#botsl .block .block-content {padding: 30px 0 0px;color: #666666;}
#botsl .block {float:left;margin-left:2%;}
#botsl .block:first-child {margin-left:0;}
#botsl .block.block-latestblog {position: relative;margin-bottom: 0px;}
#botsl .block.block-latestblog .navigation {width: 61px;height: 28px;top: 0px;float: right;position: relative;}
#botsl .block.block-latestblog .navigation .next {margin-left:35px;}
#botsl .block.block-latestblog .block-content {padding-top: 0px;padding-bottom: 0px;}
#botsl .block.block-latestblog .block-content ul {margin: 0 0;padding:0;list-style: none;margin-bottom: 0;}
#botsl .block.block-latestblog .block-content ul .item {float: left;width:100%;}
#botsl .block.block-latestblog .block-content ul .item .item-post {position: relative;padding: 11px 0px 19px 65px;float:left;width:40%;margin-left:5%;}
#botsl .block.block-latestblog .block-content ul .item .item-post:nth-child(2n+1) {border: none;margin-left:0;clear: both;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date {position: absolute;height: 53px;width: 53px;border: 1px solid #e9e9e9;text-align: center;left: 0px;top: 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span {color:#fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {color: #686868;display: block;font-size: 14px;margin-top: 7px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {display: block;font-size: 92%;color: #909090;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent {padding: 0 0;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}

Вы расположили в main.JS, а необходимо в main.CSS, переместите его в необходимый шаблон.

#7 Biglingerie

Biglingerie

    Пользователь

  • Пользователи
  • PipPip
  • 25 сообщений

Отправлено 10 Ноябрь 2017 - 11:22

Просмотр сообщенияVaccina (10 Ноябрь 2017 - 08:15) писал:

Здравствуйте.

Данный код:
#botsl {margin: 0 0 38px 0;}
#botsl .block .block-title {font-size: 183.3%;position: relative;display: inline-block;text-transform: none;padding: 0 0 10px;}
#botsl .block .block-title:before {position: absolute;content: "";height: 1px;width: 100%;bottom: 0px;left: 0px;background: #3cabda;}
#botsl .block .block-content {padding: 30px 0 0px;color: #666666;}
#botsl .block {float:left;margin-left:2%;}
#botsl .block:first-child {margin-left:0;}
#botsl .block.block-latestblog {position: relative;margin-bottom: 0px;}
#botsl .block.block-latestblog .navigation {width: 61px;height: 28px;top: 0px;float: right;position: relative;}
#botsl .block.block-latestblog .navigation .next {margin-left:35px;}
#botsl .block.block-latestblog .block-content {padding-top: 0px;padding-bottom: 0px;}
#botsl .block.block-latestblog .block-content ul {margin: 0 0;padding:0;list-style: none;margin-bottom: 0;}
#botsl .block.block-latestblog .block-content ul .item {float: left;width:100%;}
#botsl .block.block-latestblog .block-content ul .item .item-post {position: relative;padding: 11px 0px 19px 65px;float:left;width:40%;margin-left:5%;}
#botsl .block.block-latestblog .block-content ul .item .item-post:nth-child(2n+1) {border: none;margin-left:0;clear: both;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date {position: absolute;height: 53px;width: 53px;border: 1px solid #e9e9e9;text-align: center;left: 0px;top: 15px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date {background: #3cabda;border-color: #3cabda;}
#botsl .block.block-latestblog .block-content ul .item .item-post:hover .date span {color:#fff;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-day {color: #686868;display: block;font-size: 14px;margin-top: 7px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .date .d-month {display: block;font-size: 92%;color: #909090;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postTitle {margin: 0 0 4px;border: none;overflow: hidden;text-overflow: ellipsis;font-size: 150%;line-height: 26px;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent {padding: 0 0;}
#botsl .block.block-latestblog .block-content ul .item .item-post .postContent p {margin: 0 0;}

Вы расположили в main.JS, а необходимо в main.CSS, переместите его в необходимый шаблон.
Спасибо
Все заработало




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных