Сообщений в теме: 11

[arenkir]

здравствуйте
помоги поправить стили пожалуйста.

1. там где 1 надо белую корзину, она щас малиновая. пробовал сделать icon-basket2 и дальше заменить их в коде невышло.

2. так ка текст корзина белый. то и текст товара в всплывающем окне где название товара тоже Белый. но при наведении он черный.

SL-370930

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

• 

[Vaccina]

1. В main.css добавьте:

.btn-group.cart-header {
	padding-left: 40px;
	background: url("#") no-repeat left center;
}

Вместо знака # пропишите ссылку на иконку корзины.

2. В main.css найдите:

.cart-header a {
	color: #FFF;
}

замените на:

.cart-header a {
	color: #FFF;
}
.cart-header .dropdown-menu a {
	color: #000;
}

[arenkir]

2 сделал, но, название букета хорошо. а вот текст на кнопках был белый) можно его опять белым?
я там размер шрифта поднял еще, а то мелко было

1 а какую ссылку? я так понял это шрифт и через стили привязан
content: "\e60f";
там стандартная иконка. просто если я ее сделаю белой. то тогда на букетах в каталоге слева будет белое поле.

[Vaccina]

1. Неправильно вас поняла, подумала, речь идет об иконке\картинке. В main.css найдите:

.btn-group.cart-header {
	 padding-left: 40px;
	 background: url("#") no-repeat left center;
}

замените на:

.btn-group.cart-header:before {
	 content: "\e60f";
}

2. В main.css найдите:

.cart-header .dropdown-menu a {
	 color: #000;
}

замените на:

.cart-header .dropdown-menu .product-name a {
	 color: #000;
}

[arenkir]

1. по поводу e60f я мог бы и ошибиться, щас там квадрат у меня непонятный. и он должен быть белым. вот главная задача.

2. да, ссылки белые, и когда наводишь мышку . как сделать шрифт тоже белый чтобы остался? я a:hover пробовал дописать, не сработало(

[Vaccina]

1. В main.css найдите:

.btn-group.cart-header:before {
		 content: "\e60f";
}

замените на:

.btn-group.cart-header:before {
		 content: "\e60f";
		 font-family: "icon";
		 color: #fff;
}

2. Найдите:

.cart-header .dropdown-menu .product-name a {
		 color: #000;
}

после него пропишите:

.cart-header .dropdown-menu .cart-button a:hover {
	color: #FFF;
}

[arenkir]

спасибо большое!

[arenkir]

здравствуйте. подскажите, можно так сделать
чтобы сверху осталась полоса пикселей 10, малиновая.
а всю полоску меню перенести под слайдер.
Аккаунт SL-370930

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

• 

[Юля123]

arenkir (01 Февраль 2016 - 03:34) писал:

здравствуйте. подскажите, можно так сделать
чтобы сверху осталась полоса пикселей 10, малиновая.
а всю полоску меню перенести под слайдер.
Аккаунт SL-370930

Здравствуйте, в шаблоне HTML найдите код:

	  <div class="page page-box-content">
		<!-- Верхнее меню -->
		<div id="top-box">
		  <div class="container">
			<div class="row">
		   
		   
			 <!-- Верхрнее меню в левой части шапки  -->
						  <div class="col-xs-12 col-sm-9">
								<div class="navbar navbar-inverse top-navbar top-navbar-left">
								  <button type="button" class="navbar-toggle btn-navbar" data-toggle="collapse" data-target=".top-navbar .navbar-collapse">
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
										<span class="icon-bar"></span>
								  </button>
								  <div class="collapse collapsing navbar-collapse">
										<ul class="nav navbar-nav left">
										  {% FOR menu %}
												{% FOR header %}
												  {% FOR links %}
														<li><a href="{menu.header.links.URL}" {% IF menu.header.links.SELECTED %}class="selected"{%ENDIF%} {% IF menu.header.links.TITLE %}title="{menu.header.links.TITLE}"{% ENDIF %}>{menu.header.links.NAME}</a></li>
												  {% ENDFOR %}
												{% ENDFOR %}
										  {% ENDFOR %}
										</ul>   
								</div>
						  </div>
						  </div>
						 <!-- Иконки в шапке -->
						  <div class="col-xs-12 col-sm-3">
								<div class="header-icons">
																				 <!-- Иконка поиска -->
																 <!-- <div class="search-header hidden-600">					 <a href="#" title="Поиск по магазину"> <span class="icon-magnifier"></span> </a> </div> -->
																				 <!-- Корзина -->
								  <div class="btn-group cart-header">
										<a href="{CART_URL}" class="dropdown-toggle" title="Перейти в корзину">
										  <span class="icon-basket2"><span class="cart-count" data-count="{CART_COUNT_TOTAL}">{CART_COUNT_TOTAL}</span></span>
										  <span class="header-basket">Корзина</span>
										</a>
																				 <!-- Выподающее меню корзины с выводом его содержимого -->
										  <div class="dropdown-menu" {% IF MOD_LNAME = cart %}style="display:none;"{% ENDIF %}>
																								 {% IF cart_count_empty %}
												<span class="empty">Корзина пуста</span>
																								 {% ELSE %}
																								 <strong class="no-empty">В корзине</strong>
																								 <span class="empty" style="display:none;">Корзина пуста</span>
																								 <ul id="cart-sidebar" class="mini-products-list unstyled">
																								 {% FOR cart_items %}
																												 <li {% IF cart_items.index > 3 %}style="display:none;"{% ENDIF %}>
																												 <a href="{cart_items.GOODS_URL}" class="product-image">
																																 <img src="{% IF cart_items.GOODS_IMAGE_EMPTY %}{ASSETS_IMAGES_PATH}no-photo-icon.png?design=jade{% ELSE %}{cart_items.GOODS_IMAGE_ICON}{% ENDIF %}" width="70" height="70" alt="{cart_items.GOODS_NAME}">
																												 </a>
																												 <a data-href="{cart_items.ORDER_LINE_DELETE_URL}" data-count="{cart_items.ORDER_LINE_QUANTITY}" title="Удалить позицию" class="btn-remove product-remove">
																																 <span class="icon-trash-o"></span>
																												 </a>
																												 <h4 class="product-name">
																																 <a href="{cart_items.GOODS_URL}" title="">{cart_items.GOODS_NAME}</a>
																												 </h4>
												<div class="product-price"><span class="cart-quantity">{cart_items.ORDER_LINE_QUANTITY}</span> x <span class="price">{cart_items.GOODS_MOD_PRICE_NOW | money_format}</span></div>
												<div class="clearfix"></div>
																												 </li>
																								 {% ENDFOR %}
												  <div class="cart-button">
																												 <a class="btn remove-products" title="Очистить корзину" data-href="{CART_TRUNCATE_URL}">Очистить корзину</a>
																												 <a class="btn" title="Перейти к оформлению заказа" href="{CART_URL}">Оформить заказ</a>
												  </div>
																								 </ul>
																								 {% ENDIF %}
										  </div>
								  </div><!-- /END Корзина -->
																				 <!-- Иконка телефона -->
								<div class="phone-header">
							   
								8 (914) 217-53-53
								  <br>
					 8 (4217) 51-37-69																	  
				   
					 
								</div> 
						  </div>
						 </div>
						<!-- /END Иконки в шапке -->

			  
		   
		 </div>
		 </div>
		 </div>
		 </div>
		 <!-- /END Верхнее меню -->

и переместите (удалите, а затем добавьте) после кода:

				<!-- Jssor Slider Слайдер Конец -->

Далее в main.css найдите код:

.fixed-header.hidden-top #top-box {left: 0;position: fixed;top: 0;z-index: 910;}

и замените на код:

.fixed-header.hidden-top #top-box {z-index: 910;}

далее найдите код:

#slider1_container {position: relative; margin: 0 auto;top: 0px; left: 0px;  width: 1920px; height: 600px;overflow: hidden;z-index:1;}

и замените на код:

#slider1_container {position: relative; margin: 0 auto;top: 0px; left: 0px;  width: 1920px; height: 600px;overflow: hidden;z-index:1;border-top: 10px solid #D73184;}

в добавленном свойстве border-top: 10px solid #D73184; значение 10px можете изменить, чтобы увеличить/уменьшить высоту рамки.

[arenkir]

Юля123 (01 Февраль 2016 - 10:23) писал:

Здравствуйте, в шаблоне HTML найдите код:

в добавленном свойстве border-top: 10px solid #D73184; значение 10px можете изменить, чтобы увеличить/уменьшить высоту рамки.

а чтобы прилипание к верху при скроле внизу осталось можно оставить?
и на других страницах щас небольшая дырка.

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

• 

[Юля123]

arenkir (01 Февраль 2016 - 10:48) писал:

а чтобы прилипание к верху при скроле внизу осталось можно оставить?
и на других страницах щас небольшая дырка.

1)Да, конечно, можно, попробуйте в конце main.js добавить код:

// Загрузка основных функций шаблона
jQuery(document).ready(function($){
// Закрепленное меню каталога
if ($(window).width() > 992) {
var main_menu_offset_top = $('#top-box').offset().top;
$(document).scroll(function(){
if (main_menu_offset_top < $(this).scrollTop()) {
$('#top-box').css('position', 'fixed').css('top', '0');
}
else {
$('#top-box').css('position', 'relative');
}
});}
});

2) убираем отступ. В main.css найдите код:

.breadcrumb-box {background: #f2f2f2;overflow: hidden;margin-top:38px;}

и замените на код:

.breadcrumb-box {background: #f2f2f2;overflow: hidden;}

[arenkir]

Юля123 (01 Февраль 2016 - 12:20) писал:

1)Да, конечно, можно, попробуйте в конце main.js добавить код:

.breadcrumb-box {background: #f2f2f2;overflow: hidden;}

ой спасибо, все огонь