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

Discussion in 'CSS, HTML, Web 2.0, верстка по web-стандартам' started by Дмитрий Д, Nov 25, 2015.

Tags:
  1. Offline

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

    Joined:
    Oct 1, 2015
    Messages:
    43
    Likes Received:
    1
    Gender:
    Male
    Здравствуйте дорогие форумчане!

    Помогите решить задачку. Пытаюсь чтобы в джумле 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

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

     
    Last edited by a moderator: Nov 26, 2015
    Дмитрий Д, Nov 25, 2015
    #1

  2. Ads Master

     
    3. Best Answer:
    Post #5 by OlegK, Nov 25, 2015
  3. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    определить как важную
    Код (css):
    1. a { color:#0000CD !important; text-decoration:underline }
     
    OlegK, Nov 25, 2015
    #2
  4. Offline

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

    Joined:
    Oct 1, 2015
    Messages:
    43
    Likes Received:
    1
    Gender:
    Male
    Спасибо, сработало. Правда в этом случае поменялись все ссылки в том числе в меню, кнопки подробнее и прочее. В итоге не очень красиво вышло. Можно ли сделать чтобы правило относилось только к ссылкам в тексте (в карточках товара и статьях)? Или я просто не тот файл CSS редактирую?
     
    Дмитрий Д, Nov 25, 2015
    #3
  5. AKopytenko
    Offline

    AKopytenko Russian Joomla! Team Staff Member

    Joined:
    Sep 1, 2011
    Messages:
    1,963
    Likes Received:
    168
    Gender:
    Male
    Огого...
    Дмитрий, когда указываете стиль для определённого элемента на странице, а не глобально для всего сайта, нужно прописывать путь до этого элемента. Желательно, начиная с брижайшего идентификатора (id).
    Пример:
    Код (css):
    1. #blockMain .article .readmore a { ... }
     
    AKopytenko, Nov 25, 2015
    #4
    Дмитрий Д likes this.
  6. OlegK
    Offline

    OlegK Russian Joomla! Team Staff Member ⇒ Профи ⇐

    Joined:
    Jan 17, 2011
    Messages:
    7,812
    Likes Received:
    771
    Gender:
    Male
    Best Answer
    А кто делал второй сайт ))
    В карточке товара /templates/gk_mystore/css/style2.css
    Код (css):
    1. a, #comments .comment-author {
    2.   color: #0000cd;
    3.   font-size: 12px;
    4. }
     
    OlegK, Nov 25, 2015
    #5
    Дмитрий Д likes this.
  7. OlegM
    Offline

    OlegM Russian Joomla! Team Staff Member

    Joined:
    Apr 12, 2007
    Messages:
    4,310
    Likes Received:
    375
    Gender:
    Male
    Не слушайте его! :)
    Привязка к id - зло, как и !important. И используются только в крайнем случае, как в этом, потому что такой уж разработчик шаблона... :)

    Код (css):
    1. #component a {
    2.   color: #0000CD
    3. }
     
    OlegM, Nov 26, 2015
    #6
    Дмитрий Д likes this.
  8. Offline

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

    Joined:
    Oct 1, 2015
    Messages:
    43
    Likes Received:
    1
    Gender:
    Male
    Спасибо! Все работает. В джумле этой целая куча CSS файлов вечно проблема какая нибудь с редактированием возникает.
     
    Дмитрий Д, Nov 26, 2015
    #7
< резкий скачек на экране при пролистывании | Верстаю шаблон для джумлы, вывел модуль авторизации >

Share This Page

Loading...