maksimalian

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

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

maksimalian    0

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

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

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

Изменено пользователем maksimalian

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Nemirov    4

Ссылки как я понимаю нет?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maksimalian    0

Сайт на локальном сервере. Только работаю над ним.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Nemirov    4

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

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

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

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

 

Ка то так

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
AWARO    587

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


 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maksimalian    0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Nemirov    4

Попробуйте в консоли браузера поиграть со стилями.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maksimalian    0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
vuluv    19

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
ceg    0

Пробуйте очищать кеш браузера после изменений css или используйте другой браузер. У меня такое было

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maksimalian    0

Не помогло.

 

 

	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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maksimalian    0

Нашел я его в javascript bootstrap.min, но когда я меняю col-sm-3, сдвигаются и категории. 

???

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 014
Нашел я его в javascript bootstrap.min

 

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Tom    2 014

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
maksimalian    0

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

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
JetLi    21

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

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

Поделиться сообщением


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

Для публикации сообщений создайте учётную запись или авторизуйтесь

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

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти


  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу