Question

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

http://i105.fastpic.ru/big/2018/0724/64/2925ca2648859828d26a8eb5d3110664.png

Стрелочка буквально наползает на текст меню. Выглядит некрасиво. Как ее можно сдвинуть немного вправо от текста?

Ну и попутно второй вопрос, как мне цвет текста поменять? Пробовал в .u-menuvitem и u-menuitemhl не получилось

 

Answer 1

По первому в стили пропишите:

.uMenuRoot li a:after {text-decoration:none!important;color:#fff;}

По второму, в стили прописать:

[id^=uMenuDiv] a {color:red;}

вместо red прописать свой цвет, подобрать можно на сайте http://www.color-hex.com/

Comments

http://i105.fastpic.ru/big/2018/0724/e6/4955b15d78e34c3f881adbfaa8cd7de6.png
чет не получилось, по 1 вопросу, вроде бы прописал как сказали.
по 2 вопросу - имел ввиду текст внутри подменюшек, сами главные меню затрагивать не надо. Т.е. исключительно во вложенных меню в каком-либо пункте или категории.

---

Александр Неизвестный,

1. По наползанию, просто ограничивайте длину названия пунктов меню, в этом проблема и стилями это не решается, в названии пунктов не нужно писать целые строки, а лишь краткое название пункта меню. 
2. В стили пропишите:
   

.u-menu a {color:red!important}

вместо red прописать свой цвет и после сохранения изменений кеш в браузере очистите.

---

С 2 вопросом полусилось, спасибо.

А вот по 1 - сделал "короткое" название пункта меню. Получилось так:

http://i104.fastpic.ru/big/2018/0724/15/b550ad784a492207891e73c478f4c715.png

как ни крути, а стрелка если не наезжает, то почти вплотную висит у текста. Да и у 1 пункта почему-то отступ получился, а у 2 нет.
Кажется, где-то в прошлом вопросе мне тоже говорили по поводу длины для основных пунктов меню, как видите, на странице сайта есть в меню ниже длинные названия, и все прекрасно размещается. Впрочем, ладно, я не знаток этого дела, а лишь любитель, изучающий это для нужд работы, вопрос отсюда вытекает следующий, если не получится выраснить родные стрелочки этого меню, возможно ли как-то с помощью .u-menuarrow  или еще каких-то вариантов убрать родные стрелосчи и дорисовать свои? Дорисовать пробовал по .u-menuarrow  работает, но они получаются как бы двойными (т.е. видны и родные стрелки движка сайта и те, что я вставил)

---

Александр Неизвестный,

Максимально, что можно было подвинуть эту стрелку, это дописать в стили:

.u-menuarrow { top: 17px!important; margin-right: -9px; }

больше нельзя так как вылезет за пределы меню.

---

Получилось, спасибо.
http://i105.fastpic.ru/big/2018/0724/02/2d5c4c5b9f0d957ae19440a4e32c2902.png
Прописал так. может кому помогу:

.u-menuarrow {
    top: 10px!important;
    margin-right: -4px;
}
в моем случае с меню помогло.