Я использую wordpress для веб-сайта.
Вот ссылка на сайт: http://Jamezpearce.byethost7.com
Как я могу уменьшить размер шрифта, чтобы он мог поместить больше баров меню на веб-сайт?
Я очень ценю любую помощь, оказанную мне, если кто-то хочет что-либо еще, прокомментируйте, и я поставлю ее.
Я уже пытался изменить CSS, но, похоже, не добираюсь, я, вероятно, делаю это неправильно.
я добавил
font-size:0.75em;
ко всему меню CSS я вижу и до сих пор не радость.
/* Pagenavi */ #pnavigation { margin: 20px 0px; } .wp-pagenavi { font-size:0.75em; text-align: centre !important; margin-left: auto; margin-right: auto; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { text-decoration: none; background: #42444e!important; border: 1px solid #212227!important; color: #fff !important; padding: 4px 8px !important; display: block; text-align: centre; float: centre; display: inline; margin-right: 6px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size:0.75em; } .wp-pagenavi a:hover { color: #ffffff; } .wp-pagenavi span.pages { display: none; } .wp-pagenavi span.current { text-decoration: none; background: #CF5912 !important; border: 1px solid #993206!important; color: #fff !important; padding: 4px 8px !important; display: block; text-align: center; float: centre; display: inline; margin-right: 6px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size:0.75em; } .wp-pagenavi span.extend { text-decoration: none; background: #FFD000 !important; border: 1px solid #E8B900 !important; color: #fff !important; padding: 4px 8px !important; display: block; text-align: center; float: centre; display: inline; margin-right: 6px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; font-size:0.75em; }
Вы также можете использовать font-size: 100%
. Процент унаследован от родителя, и вы также можете установить 75% или 85%. Я рекомендую вам немного поиграть с инструментами dev.
ура
Если #submenu li {font-size:.75em;} не работает, попробуйте добавить как это.
#submenu li a {font-size: .75em;}