Вопрос Не меняется цвет ссылки в CSS

Тема в разделе "CSS, HTML, Web 2.0, верстка по web-стандартам", создана пользователем Дмитрий Д, 25.11.2015.

Метки:
  1. Offline

    Дмитрий Д Тариф: Спонсор ⇒ Спонсор форума ⇐

    Регистрация:
    01.10.2015
    Сообщения:
    43
    Симпатии:
    1
    Пол:
    Мужской
    Здравствуйте дорогие форумчане!

    Помогите решить задачку. Пытаюсь чтобы в джумле 1.5 ссылки были синими и подчеркнутыми. Нашел файл CSS - template.css

    изменил там код:
    Код (css):
    1. */
    2. body { line-height:1.8; background:#fff url('/images/stories/fon.jpg') no-repeat center 520px; }
    3. /*
    4. # body#bd { color:#555; }
    5. */
    6. body.fs1 { font-size:10px }
    7. body.fs2 { font-size:11px }
    8. body.fs3 { font-size:12px }
    9. body.fs4 { font-size:13px }
    10. body.fs5 { font-size:14px }
    11. body.fs6 { font-size:15px }
    12.  
    13. /*
    14. * links
    15. */
    16. a { color:#0000CD; text-decoration:underline }
    17. a:hover,
    18. a:active,
    19. a:focus { color:#0000CD; text-decoration:underline }
    20.  
    21. /*
    22. * Content spacing
    23. */
    24. .column p,
    25. .column pre,
    26. .column blockquote,
    27. .column ol,
    28. .column ul { margin:10px 0; padding:0 }
    29. .article-content p {line-height:200%!important;}


    Но ссылка становится синей только при наведении мышкой, а так она грязно серого цвета. Пример: http://www.xn----7sbaboujb1cnxmcq5c...kovriki-tekstilnye-tiguan-5n1061270p-wgk.html

    Подскажите что не так? На другом сайте все работает

     
    Последнее редактирование модератором: 26.11.2015
    Дмитрий Д, 25.11.2015
    #1

  2. Наши спонсоры

     
    3. Лучший ответ:
    Сообщение #5 от 25.11.2015, автор OlegK
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    определить как важную
    Код (css):
    1. a { color:#0000CD !important; text-decoration:underline }
     
    OlegK, 25.11.2015
    #2
  4. Offline

    Дмитрий Д Тариф: Спонсор ⇒ Спонсор форума ⇐

    Регистрация:
    01.10.2015
    Сообщения:
    43
    Симпатии:
    1
    Пол:
    Мужской
    Спасибо, сработало. Правда в этом случае поменялись все ссылки в том числе в меню, кнопки подробнее и прочее. В итоге не очень красиво вышло. Можно ли сделать чтобы правило относилось только к ссылкам в тексте (в карточках товара и статьях)? Или я просто не тот файл CSS редактирую?
     
    Дмитрий Д, 25.11.2015
    #3
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Команда форума

    Регистрация:
    01.09.2011
    Сообщения:
    1 963
    Симпатии:
    168
    Пол:
    Мужской
    Огого...
    Дмитрий, когда указываете стиль для определённого элемента на странице, а не глобально для всего сайта, нужно прописывать путь до этого элемента. Желательно, начиная с брижайшего идентификатора (id).
    Пример:
    Код (css):
    1. #blockMain .article .readmore a { ... }
     
    AKopytenko, 25.11.2015
    #4
    Дмитрий Д нравится это.
  6. OlegK
    Offline

    OlegK Russian Joomla! Team Команда форума ⇒ Профи ⇐

    Регистрация:
    17.01.2011
    Сообщения:
    7 812
    Симпатии:
    771
    Пол:
    Мужской
    Лучший ответ
    А кто делал второй сайт ))
    В карточке товара /templates/gk_mystore/css/style2.css
    Код (css):
    1. a, #comments .comment-author {
    2.   color: #0000cd;
    3.   font-size: 12px;
    4. }
     
    OlegK, 25.11.2015
    #5
    Дмитрий Д нравится это.
  7. OlegM
    Offline

    OlegM Russian Joomla! Team Команда форума

    Регистрация:
    12.04.2007
    Сообщения:
    4 310
    Симпатии:
    375
    Пол:
    Мужской
    Не слушайте его! :)
    Привязка к id - зло, как и !important. И используются только в крайнем случае, как в этом, потому что такой уж разработчик шаблона... :)

    Код (css):
    1. #component a {
    2.   color: #0000CD
    3. }
     
    OlegM, 26.11.2015
    #6
    Дмитрий Д нравится это.
  8. Offline

    Дмитрий Д Тариф: Спонсор ⇒ Спонсор форума ⇐

    Регистрация:
    01.10.2015
    Сообщения:
    43
    Симпатии:
    1
    Пол:
    Мужской
    Спасибо! Все работает. В джумле этой целая куча CSS файлов вечно проблема какая нибудь с редактированием возникает.
     
    Дмитрий Д, 26.11.2015
    #7
< резкий скачек на экране при пролистывании | Верстаю шаблон для джумлы, вывел модуль авторизации >

Поделиться этой страницей

Загрузка...