Как изменить цвет якоря

голоса: 0
Якорь окрашивается в синий цвет, что некрасиво, подскажите какие стили в ксс нужно изменить, чтобы был черный?
Адрес сайта https://sputnic.at.ua/
| Автор: | Категория: Дизайн сайта
Изменение категории | | Автор: webanet

Ответов: 1

голоса: 0
 
Лучший ответ
где у вас якоря? если на главной то там пусто для гостя. якорь это ссылка. наследует общий стиль для ссылок
| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk
Я написал статью, но не публикую ,  якорь синего цвета , мне нужен уюцвет текта - черный.
иван шеверев,
Опубликуйте, после посмотрим.
Yuri_Geruk,
Все готово, статья наз-ся все о хостинге
иван шеверев,

У вас получаются якоря как обычные ссылки вида:

<a href="#Хостинг">Что такое хостинг</a>

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

<a href="#Хостинг" id="jakor">Что такое хостинг</a>

далее в стили прописать:

a#jakor {color:red;}

в итоге ссылки якорные будут красного цвета. Пробуйте, настраивайте.

Yuri_Geruk,
Можете назвать местоположение стиля?
иван шеверев,
Прописать нужно новой строкой, местоположение называть здесь лишнее.
Yuri_Geruk,
Куда я должен был прописать ? В общий ксс или в шаблон блога?
иван шеверев,
В общий CSS.
Yuri_Geruk,
Распишите пошагово пожалуйста.
иван шеверев,

это

a#jakor {color:red;}

в таблицу стилей CSS в самый низ

<a href="#Хостинг" id="jakor">Что такое хостинг</a>

а выделенное красным нужно добавлять в режиме хтмл при добавлении материала и самого якоря. если вы не понимаете что такое HTML и пользуетесь исключительно визуальным редактором, то вам нужно научиться, а потом заниматься украшениями и улучшениями

иван шеверев,

Вы ничего не выполнили с того что советовалось http://joxi.ru/p27a8nGiK4yG6r Расписывать по второму кругу лишнее.

Yuri_Geruk,
А если изменить цвет ссылок в ксс , изменится ли цвет якоря?
иван шеверев,
На текущий момент изменится так как вы ничего не сделали с того что советовалось.
Yuri_Geruk,
Можете подсказать , где находится стиль ссылки.
иван шеверев,

В стилях строки 39-40-41:

a{color:#039be5;text-decoration:none}
a:hover{color:#007cb9}
a:active{color:#2196f3}

Yuri_Geruk,
Большое спасибо.
...