Как изменить размер "категорий"

[Floki]

Люди добрые, помогите изменить размер категорий.Убрал лишнее, осталась пустая полоса.Посмотрите скрин.Пожалуйста

вопрос1.bmp

[n3bo]

а как должно быть?

[Rico]

1 час назад, Floki сказал:

Люди добрые, помогите изменить размер категорий.Убрал лишнее, осталась пустая полоса.Посмотрите скрин.Пожалуйста

вопрос1.bmp

Сбрось адрес сайта, что там где у тебя не ладится

[Floki]

Только что, n3bo сказал:

а как должно быть?

Вот так.

[jaffagold]

Что-то типа того:

#menu .nav > li > a {

min-width: 150px;

}

Хотя это, на самом деле, плохой 

Да и этот- не намного лучше.

#menu .nav>li {

width: 33%;

}

Поначалу, может показаться что норм, а если уменьшать ширину экрана?

В обоих случаях придется еще медиазапросы делать

Змінено 13 березня 2017 користувачем jaffagold

[Gyrfalco]

Это полоса обычно называет top-menu или как-то так. В разных шаблонах по разному. 

В родном 2.3 ocStore называется #menu в файле stylesheet.css 194 строка в папке шаблона

 

Она заливается цветом вся. Тебе нужно найти ее, убрать заливку фона и сделать заливку только пунктов меню

 

Это уроки CSS http://htmlbook.ru/samcss 

Змінено 13 березня 2017 користувачем Gyrfalco

[Floki]

Только что, Rico сказал:

Сбрось адрес сайта, что там где у тебя не ладится

Как скинуть, он же на локальном Openserver?

[Floki]

Только что, Gyrfalco сказал:

Это полоса обычно называет top-menu или как-то так. В разных шаблонах по разному. 

В родном 2.3 ocStore называется #menu в файле stylesheet.css 194 строка в папке шаблона

 

Она заливается цветом вся. Тебе нужно найти ее, убрать заливку фона и сделать заливку только пунктов меню

 

Это уроки CSS http://htmlbook.ru/samcss 

 

Ого там текста, постараюсь осилить.Не все так просто, как казалось.

[Gyrfalco]

Открываешь файл public_html/catalog/view/theme/default/stylesheet/stylesheet.css

Было:

#menu {
	background-color: #229ac8;
	background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: transparent;
}

#menu {
	#background-color: #229ac8;
	#background-image: linear-gradient(to bottom, #23a1d1, #1f90bb);
	background-repeat: repeat-x;
	border-color: #1f90bb #1f90bb #145e7a;
	min-height: 40px;
}
#menu .nav > li > a {
	color: #fff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	padding: 10px 15px 10px 15px;
	min-height: 15px;
	background-color: #НужныйЦвет;
}

 

Змінено 13 березня 2017 користувачем Gyrfalco

[Floki]

Аксакалы,подскажите.Это мой первый опыт и , судя по объему новых для меня слов, эта работа займет у меня много времени. Может кто-нибудь делает это качественно и недорого?

 

[SiteMix]

21 час назад, Floki сказал:

Люди добрые, помогите изменить размер категорий.Убрал лишнее, осталась пустая полоса.Посмотрите скрин.Пожалуйста

вопрос1.bmp

 

Вот аналогичная тема: