Перейти к содержанию
Veterr

Изменения в горизонтальном меню

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

Доброго дня, уважаемые знатоки! Перечитала все темы по нижеозвученному вопросу - но ничего не помогло. Просьба помочь (я не программер, поэтому лайтовым языком, пожалуйста, #длядевочек :)
Мой сайт: http://lolabrown.ru

Хочу:

1. сделать горизонтальное меню по центру

2. уменьшить в нём размер шрифта

3. в идеале - ещё бы и текст шрифта в футтере сделать поярче

 

Пробовала и с padding-ом бороться, и прочие вещи, что описаны - но никаких изменений...

Есть какие-то реальные несложные способы? Желательно с указанием пути - в каком файле менять (stylesheet.css?)

 

Версия ocStore 2.3.0.2.2

Изменено пользователем Veterr
дописала

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


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

Вероятно в настройках шаблона у вас есть возможность добавить свои стили, тогда добавьте туда свои правила:

для размера шрифта меню .navbar-default .navbar-nav > li > a

для цвета футера .list-group-item a но эта конструкция может встречаться на сайте еще где-то и цвет поменяется и там.

Если не будет работать, добавьте в конце !important

.navbar-default .navbar-nav > li > a {
font-size: 18px !important;
}

Если в настройках шаблона такой возможности нет, вот ваш файл стилей http://lolabrown.ru/catalog/view/theme/basecart/css/paper.css

Меню у вас и так по центру, просто оно состоит из двух частей. Вероятно там только стилями не выйдет. Или я не придумал.

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


Ссылка на сообщение
Поделиться на другие сайты
12 минут назад, AndreyIvanov сказал:

Вероятно в настройках шаблона у вас есть возможность добавить свои стили

В этом шаблоне нет своих стилей.

 

11 минут назад, AndreyIvanov сказал:

font-size: 18px !important;

!important там зачем?

 

49 минут назад, Veterr сказал:

Хочу:

1. сделать горизонтальное меню по центру

2. уменьшить в нём размер шрифта

3. в идеале - ещё бы и текст шрифта в футтере сделать поярче

Как я понял, блок с корзиной был перенесён. В итоге, в мобильной версии корзина оказывается в меню. Или так и задумано?

Спойлер

image.png.8e61f809d66db6b772a1935880cd31da.png

Если так, то сомнительная задумка...

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


Ссылка на сообщение
Поделиться на другие сайты
В 18.09.2018 в 17:27, AndreyIvanov сказал:

Вероятно в настройках шаблона у вас есть возможность добавить свои стили, тогда добавьте туда свои правила:

для размера шрифта меню .navbar-default .navbar-nav > li > a

для цвета футера .list-group-item a но эта конструкция может встречаться на сайте еще где-то и цвет поменяется и там.

Если не будет работать, добавьте в конце !important


.navbar-default .navbar-nav > li > a {
font-size: 18px !important;
}

Если в настройках шаблона такой возможности нет, вот ваш файл стилей http://lolabrown.ru/catalog/view/theme/basecart/css/paper.css

Меню у вас и так по центру, просто оно состоит из двух частей. Вероятно там только стилями не выйдет. Или я не придумал.

подскажите, в каком блоке добавлять?

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


Ссылка на сообщение
Поделиться на другие сайты
В 18.09.2018 в 17:51, SiteMix сказал:

В этом шаблоне нет своих стилей.

 

!important там зачем?

 

Как я понял, блок с корзиной был перенесён. В итоге, в мобильной версии корзина оказывается в меню. Или так и задумано?

  Показать контент

image.png.8e61f809d66db6b772a1935880cd31da.png

Если так, то сомнительная задумка...


хм... думаю, так и задумано, это меня вполне устраивает.
но, тем не менее, меню с надписями нужно сдвинуть ближе к корзине - как его сместить относительно левого края?
файл - да, отлично, спасибо, в нём и правлю, но чаво-то не правится ничего

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


Ссылка на сообщение
Поделиться на другие сайты
Только что, Veterr сказал:


хм... думаю, так и задумано, это меня вполне устраивает.
но, тем не менее, меню с надписями нужно сдвинуть ближе к корзине - как его сместить относительно левого края?
файл - да, отлично, спасибо, в нём и правлю, но чаво-то не правится ничего

 

точнее, правится - но изменения не видны

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


Ссылка на сообщение
Поделиться на другие сайты
1 минуту назад, Veterr сказал:

подскажите, в каком блоке добавлять?

это цсс

в настройках темы кастом цсс найти и туда вписать 

или на КРАЙНИЙ случай в style.css темы внизу добавить

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


Ссылка на сообщение
Поделиться на другие сайты
18 минут назад, Veterr сказал:

подскажите, в каком блоке добавлять?

Править нужно этот файл:

catalog/view/theme/basecart/css/main.css

 

Просто добавить в конце файла свой код. Например, для уменьшения шрифта в меню, упомянутый выше:

.navbar-default .navbar-nav > li > a {font-size: 18px;}

 

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


Ссылка на сообщение
Поделиться на другие сайты
3 часа назад, kJlukOo сказал:

это цсс

в настройках темы кастом цсс найти и туда вписать 

или на КРАЙНИЙ случай в style.css темы внизу добавить

 

может, Вы можете это сделать за меня? не бесплатно, конечно

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


Ссылка на сообщение
Поделиться на другие сайты
11 часов назад, Veterr сказал:

Меню у вас и так по центру,

Вероятно, надо что-то типа

nav li {

  text-align: center;

}

Цитата

СОЗДАНЫ НЕ ДЛЯ ПРАКТИЧНОСТИ, А ДЛЯ ДУШИ...

Класс. Отличный слоган!

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

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


Ссылка на сообщение
Поделиться на другие сайты
11 часов назад, jaffagold сказал:

Вероятно, надо что-то типа

nav li {

  text-align: center;

}

Класс. Отличный слоган!

 

спасибо

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


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

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

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

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

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

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

Войти

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

Войти

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

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

×

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

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