Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • fbernardello Friend
    #978935

    Dear support,
    I’m writing to ask you a question: all the links in my website are shown without underline, and it’s ok.
    The underline is shown only on hover.
    This is the main code:

    a {
      color: #xxx;
      text-decoration: none;
    }
    a:hover,
    a:focus {
      color: #xxx;
      text-decoration: underline;
      outline: none;
    }

    I would like to change this setting ONLY for the links I’m including into the articles.
    I could do it with a special class, but I should manually insert a class every time I insert a link.
    Is there a way to set a different style (text-decoration: underline) only for the links on the articles (com_contents)?

    Thanks in advance,
    Federico

    Pankaj Sharma Moderator
    #978954

    Hi
    You can use below code to apply different style on article pages .
    Here is code

    .view-articles a:hover,
    a:focus {
      color: #xxx;
      text-decoration: underline;
      outline: none;
    }

    view-articles is the default style class loaded in article pages .

    Hope it helps .

    fbernardello Friend
    #978960

    Dear @pankaj Sharma,
    thanks for your help.
    I tryed, but it’s not working. Underline is shown only on hover, like before.

    F.

    Pankaj Sharma Moderator
    #978965

    Hi
    The code is just an example , you to modify it
    use this code

    view-articles a:hover,
    a:focus {
      color: #xxx;
      text-decoration: none!important;
    
    }

    if this will not work , you can share the URL here , so that i can check it .

    fbernardello Friend
    #978978

    Solved! Thanks a lot.

    Regards,
    Federico

Viewing 5 posts - 1 through 5 (of 5 total)

This topic contains 4 replies, has 2 voices, and was last updated by  fbernardello 7 years, 6 months ago.

We moved to new unified forum. Please post all new support queries in our New Forum