Перейти к публикации
Поиск в
  • Дополнительно...
Искать результаты, содержащие...
Искать результаты в...

Переместить корзину вправо


maksimalian
 Поделиться

Рекомендованные сообщения

Подскажите плиз! Как сместить корзину вправо??

я уже сместил контейнер div в nav влево.  корзину хочу сместить вправо !! И поиск по центру, под логотипом. php- не знаю. В css не получается.

post-718785-0-38281400-1478285546_thumb.png

Изменено пользователем maksimalian
Ссылка на комментарий
Поделиться на других сайтах


Значит наверное как то так

cart > .btn {
    margin-right: 20px;

Где 20 это ваш отступ.

В файле /catalog/view/theme/default/stylesheet/stylesheet.css

 

Ка то так

Ссылка на комментарий
Поделиться на других сайтах


может float:right;
или классом pull-right


 

Ссылка на комментарий
Поделиться на других сайтах


Проблема в том, что я не могу ничего сделать в css. Задаю позиционирование, или даже цвет, сохраняю файл css, обновляю страницу и ничего! Изменений нет! В файле header все работает, таким макаром, а в css-нет.

Ссылка на комментарий
Поделиться на других сайтах


Пройденый этап!) В инструментах разработчика Задаю корзине float:right; все красивенько получается. Задаю те же параметры в stylesheet-ничего!

Ссылка на комментарий
Поделиться на других сайтах


в инструментах разработчика когда вы смотрите, там ещё указывается путь, номер строки и точное название CSS файла, после замены данных в CSS файле вы должны увидеть изменения и в инструментах разработчика, если конечно кеш браузера почистить, если изменений вы не видите, но или не тот файл правите или что-то будет перечёркивать команду,  или вы банально не правильно код написали, например не поставили в конце знак ; 

Ссылка на комментарий
Поделиться на других сайтах


Не помогло.

 

 

	font-weight: 400;
	color: #666;
	font-size: 12px;
	line-height: 20px;
	width: 100%;
}
h1, h2, h3, h4, h5, h6 {
	color: #444;
}
/* default font size */
.fa {
	font-size: 14px;
}
/* Override the bootstrap defaults */
h1 {
	font-size: 33px;
}
h2 {
	font-size: 27px;
}
h3 {
	font-size: 21px;
}
h4 {
	font-size: 15px;
}
h5 {
	font-size: 12px;
}
h6 {
	font-size: 10.2px;
}
a {
	color: #23a1d1;
}
a:hover {
	text-decoration: none;
}
legend {
	font-size: 18px;
	padding: 7px 0px
}
label {
	font-size: 12px;
	font-weight: normal;
}
select.form-control, textarea.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
	font-size: 12px;
}
.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
	font-size: 12px;
}
.input-group .input-group-addon {
	font-size: 12px;
	height: 30px;
}
/* Fix some bootstrap issues */
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
	display: inline;
}

.nav-tabs {
	margin-bottom: 15px;
}
div.required .control-label:before {
	content: '* ';
	color: #F00;
	font-weight: bold;
}
/* Gradent to all drop down menus */
.dropdown-menu li > a:hover {
	text-decoration: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
/* top */
#top {
	background-color: #EEEEEE;
	border-bottom: 1px solid #e2e2e2;
	padding: 4px 0px 3px 0;
	margin: 0 0 20px 0;
	min-height: 40px;
}
#top .container {
	padding: 0 20px;
}
#top #currency .currency-select {
	text-align: left;
}
#top #currency .currency-select:hover {
	text-shadow: none;
	color: #ffffff;
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
}
#top .btn-link, #top-links li, #top-links a {
	color: #888;
	text-shadow: 0 1px 0 #FFF;
	text-decoration: none;
}
#top .btn-link:hover, #top-links a:hover {
	color: #444;
}
#top-links .dropdown-menu a {
	text-shadow: none;
}
#top-links .dropdown-menu a:hover {
	color: #FFF;
}
#top .btn-link strong {
	font-size: 14px;
        line-height: 14px;
}
#top-links {
	padding-top: 6px;
}
#top-links a + a {
	margin-left: 15px;
}
/* cart */
#cart {
	margin-bottom: 10px;
	position: absolute;
	float: right;
}
#cart > .btn {
	font-size: 12px;
	line-height: 18px;
	color: #FFF;
}
#cart.open > .btn {
	background-image: none;
	background-color: #FFFFFF;
	border: 1px solid #E6E6E6;
	color: #666;
	box-shadow: none;
	text-shadow: none;
}
#cart.open > .btn:hover {
	color: #444;
}
#cart .dropdown-menu {
	background: #eee;
	z-index: 1001;
}
#cart .dropdown-menu {
	min-width: 100%;
}
@media (max-width: 478px) {
	#cart .dropdown-menu {
		width: 100%;
	}
}
#cart .dropdown-menu table {
	margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
	min-width: 427px;
	padding: 0 10px;
}
@media (max-width: 478px) {
	#cart .dropdown-menu li > div {
		min-width: 100%;
	}
}
#cart .dropdown-menu li p {
	margin: 20px 0;
}
/* logo */
#logo {
	margin:0 0 10px 0;
}

/* search */

#search {
	margin-bottom: 10px;
}
#search .input-lg {
	height: 40px;
	line-height: 20px;
	padding: 0 10px;
}
#search .btn-lg {
	font-size: 15px;
	line-height: 18px;
	padding: 10px 35px;
	text-shadow: 0 1px 0 #FFF;
}

Изменено пользователем maksimalian
Ссылка на комментарий
Поделиться на других сайтах


Нашел я его в javascript bootstrap.min

 

Как раз таки там не нужно лезть и править что либо.Пока сайт на локалке,поможет или хрустальный шар или письмо на битву экстрасенсов(хотя кажется мне это всё постановка)....

Ссылка на комментарий
Поделиться на других сайтах

Как минимум начать с понимания ,что есть bootstrap , раз так чешутся руки ,что то там под одеялом навоять.Ну или переносить на живой хостинг и потом уже просить реальной помощи.

Ссылка на комментарий
Поделиться на других сайтах

Спасибо!) Не буду принимать серьезно ваш сарказм, потому-что, понимания у меня мало) По-скольку, только месяца 3 назад узнал о css, html...и.т.д)))

Ссылка на комментарий
Поделиться на других сайтах


Спасибо!) Не буду принимать серьезно ваш сарказм, потому-что, понимания у меня мало) По-скольку, только месяца 3 назад узнал о css, html...и.т.д)))

Уберите position: absolute; Должно сработать. position и float не дружат между собой.

Ссылка на комментарий
Поделиться на других сайтах


Создайте аккаунт или войдите в него для комментирования

Вы должны быть пользователем, чтобы оставить комментарий

Создать аккаунт

Зарегистрируйтесь для получения аккаунта. Это просто!

Зарегистрировать аккаунт

Войти

Уже зарегистрированы? Войдите здесь.

Войти сейчас
 Поделиться

  • Сейчас на странице   0 пользователей

    • Нет пользователей, просматривающих эту страницу.
×
×
  • Создать...

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.