Изменение шрифта в левом навигационном меню Volusion

это код в нашем навигационном меню Volusion:

#display_menu_1 .nav {background-color:transparent;}
#display_menu_1 .nav_hover {background-color:transparent;}
#display_menu_3 .nav {background-color:transparent;}
#display_menu_3 .nav_hover {background-color:transparent;}

URL-адрес: http://www.markpoulin.com Как видите, навигационное меню выделено другим шрифтом. . Ссылки «О нас» и «Где купить» в нижней части навигационного меню находятся в Verdana, и мы хотели бы их сопоставить, но я не знаю, как изменить шрифт в навигационном меню. Я пробовал исследовать в Интернете, но не могу найти этот конкретный тип кода и пытался вставить бит семейства шрифтов в разные места, но это не изменило шрифт.


drop-down-menu css hover nav volusion
person user2158654    schedule 11.03.2013    source источник
comment
Не имеет отношения к вашему вопросу, но я должен спросить, почему вы используете <table> для создания навигационного меню....?   -  person Amy    schedule 12.03.2013
comment
этот код автоматически генерируется Volusion.   -  person user2158654    schedule 27.03.2013

Ответы (2)


arrow_upward
0
arrow_downward

Я работаю с Volusion все время, и это то, что я делаю, когда абсолютно не могу найти способ изменить то, что мне нужно (только в крайнем случае!!). В частности, это будет нацелено на все эти ссылки в боковом меню:

#lnk0, #lnk1, #lnk2, #lnk3, #lnk4, #lnk5, #lnk6, #lnk7, #lnk8, #lnk9, #lnk10, #lnk11, #lnk12, #lnk13, #lnk14, #lnk15, #lnk16, #lnk17, #lnk18, #lnk19, #lnk20, #lnk21, #lnk22, #lnk23, #lnk24, #lnk25, #lnk26, #lnk27, #lnk28, #lnk29, #lnk30, #lnk31, #lnk32, #lnk33, #lnk34, #lnk35, #lnk36, #lnk37, #lnk38, #lnk39, #lnk40, #lnk41, #lnk42, #lnk43, #lnk44, #lnk45, #lnk46 {
font-family: tahoma!important;

(Конечно, измените шрифт на любой, который вы хотели). С volusion, поскольку код вложен в таблицы внутри таблиц внутри таблиц (затычка!), вам нужно быть конкретным в отношении того, на что вы ориентируетесь.

Использование !important иногда может сделать css действительно беспорядочным, но, к сожалению, мне приходится часто использовать его с volusion. В отличие от того, что сказал sweetamylase, этот трюк перезапишет большинство ваших потребностей в встроенном стиле.

Вот статья о важном http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

person Bjorn.B    schedule 27.03.2013

arrow_upward
1
arrow_downward

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

<a onclick="return $K(0)" name="mM1" onfocus="_iF0C(0)" href="http://www.markpoulin.com/category-s/292.htm" class="nav" id="lnk0" style="border:none;background:transparent;display:block;;font-Family:Georgia;font-Weight:normal;font-Style:normal;font-Size:11px">Mother's Day</a>

Обратите внимание на font-Family:Georgia в атрибуте style. Встроенные стили обладают высочайшей специфичностью, поэтому их невозможно перезаписать с помощью селекторов CSS. Есть ли способ предотвратить создание встроенных стилей навигации?? например. <a onclick="return $K(0)" name="mM1" onfocus="_iF0C(0)" href="http://www.markpoulin.com/category-s/292.htm" class="nav" id="lnk0">Mother's Day</a>

Узнайте больше о специфике CSS: http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

person Amy    schedule 11.03.2013
comment
Я почти уверен, что этот код является частью нашего шаблона и не является чем-то, к чему у нас есть доступ. Вероятно, поэтому Volusion не помог мне исправить это бесплатно. - person user2158654; 27.03.2013
comment
@user2158654 user2158654 Если вы не можете изменить встроенный стиль, я думаю, что последний вариант — использовать JavaScript для удаления этих встроенных стилей. Это некрасиво, но я думаю, что это ваше последнее средство. Нет более конкретного CSS, чем встроенные стили. Единственное, что превосходит его, — это модифицировать DOM с помощью JavaScript. - person Amy; 27.03.2013
comment
Я смог изменить стиль, используя исправление bjornio ниже. Как я уже говорил, наш сайт основан на шаблонах, и у нас нет доступа к полному редизайну, и мы никогда не хотели бы этого делать, поскольку мы не программисты! Даже понять это было достаточно сложно ;) - person user2158654; 27.03.2013