Hi!

How to change the color of links only inside the article from black to orange or classic blue, without affecting the link, for example, in the category name? What do I need to enter in override.css?

Thanks

    smalir
    Hi
    Add this code in override.css file and change the color code as per needs.
    For category color

    .com_content .category-name > a {
   color: #f8c803;
}

    Regards

        Ninja, if I understand correctly to change color of links in content I have to add to override.css:

        a:not(.btn) {
        color: #009df7;
        text-decoration: none;
        -webkit-transition: all 0.2s linear;
        -moz-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        -ms-transition: all 0.2s linear;
        }

        Is it correct?

            smalir
            Hi
            Kindly share the URL of page the contains the links so i can check it on your site and suggest you changes based on the site page.

              smalir

              You can try this:

              .com_content .gkPageContent .item-page a {
    color: #f8c803;
}

                  saguaros, thank you! But after that I can’t return the black color of the category name 🙁

                      smalir

                      Are these custom link in article content?

                      If yes, you can add class for the link so above rule will be apply to that class only. You can share the credentials of your site: URL, Admin + FTP account, I will update for you.

                          saguaros, Initially, I did this: 1. I changed the color of all links to blue, 2. For the link of the category name and buttons "forward-back" return the color that was by default: # 444

                          / change color of links /
                          a:not(.btn) {
                          color: #0075b8;
                          text-decoration: none;
                          -webkit-transition: all 0.2s linear;
                          -moz-transition: all 0.2s linear;
                          -o-transition: all 0.2s linear;
                          transition: all 0.2s linear;
                          -ms-transition: all 0.2s linear;
                          }

                          / return color of link for category name and buttons forward, back/
                          .category-name > a {
                          color: #444;
                          border-bottom: 1px solid #f8c803;
                          }

                          It works the way I want. But I'm not sure if this is correct.

                              smalir
                              Hi
                              I checked the code is working on your site.
                              This code is used for category color in override.css

                              category-name > a {
    color: #444;
    border-bottom: 1px solid #f8c803;
}

                                  Ninja, Yes, with the last style that I wrote in my previous post, I got the link colors the way I wanted!

                                  Thank you so much for the answer!

                                    Write a Reply...
                                    You need to Login to view replies.