Jump to content
Sign in to follow this  
Floki

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

Recommended Posts

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

вопрос1.bmp

Share this post


Link to post
Share on other sites

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

Share this post


Link to post
Share on other sites
1 час назад, Floki сказал:

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

вопрос1.bmp

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

Share this post


Link to post
Share on other sites
Только что, n3bo сказал:

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

Вот так.

вопрос2.jpg

Share this post


Link to post
Share on other sites

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

#menu .nav > li > a {

min-width: 150px;

}

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

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

#menu .nav>li {

width: 33%;

}

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

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

Edited by jaffagold

Share this post


Link to post
Share on other sites

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

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

 

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

 

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

Edited by Gyrfalco

Share this post


Link to post
Share on other sites
Только что, Rico сказал:

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

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

Share this post


Link to post
Share on other sites
Только что, Gyrfalco сказал:

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

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

 

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

 

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

 

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

Share this post


Link to post
Share on other sites

Открываешь файл 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: #НужныйЦвет;
}

 

Edited by Gyrfalco

Share this post


Link to post
Share on other sites

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

 

Share this post


Link to post
Share on other sites
21 час назад, Floki сказал:

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

вопрос1.bmp

 

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

 

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
You are posting as a guest. If you have an account, please sign in.
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.

×

Important Information

On our site, cookies are used and personal data is processed to improve the user interface. To find out what and what personal data we are processing, please go to the link. If you click "I agree," it means that you understand and accept all the conditions specified in this Privacy Notice.