Announcement

Collapse
No announcement yet.

Links in a message look same as normal text

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • Links in a message look same as normal text

    When a user places a link in their message it appears as normal text. Something like https://www.google.com/ looks no different than the words before and after the link on my forum.
    Search the world's information, including webpages, images, videos and more. Google has many special features to help you find exactly what you're looking for.

  • #2
    Go to AdminCP >> Style Manager >> Edit Templates >> CSS Templates >> additional.css

    Add something like this, adjusting colors as you wish:

    Code:
    /* change link color and hover in posts*/
    .postcontent a {color:Navy; font-weight: bold;}
    .postcontent a:hover {color: red; font-weight: bold;}
    
    /* change link color and hover in sigs*/
    .signature a {font-weight: bold;}
    .signature a:hover {color: red; font-weight: bold;}
    
    /* change link color and hover sitewide*/
    .link a {color:Navy; font-weight: bold;}
    .link a:hover {color: red; font-weight: bold;}
    
    /* change link colors in cms articles*/
    .article a {color:Navy; font-weight: bold;}
    .article a:hover {color:Red; font-weight: bold;}
    .article_preview_contents a {color:Navy; font-weight: bold;}
    .article_preview_contents a:hover {Red; font-weight: bold;}
    You can also use text-decoration: to underline the links if you wish:

    Code:
    /* change link color and hover in posts */
    .postcontent a {color:#006699; font-weight: bold; text-decoration:underline;}
    .postcontent a:hover {color: #A9A9A9; font-weight: bold; text-decoration:underline;}
    
    /* change link color and hover in sidebar */
    .sidebar_container a {color:#006699; font-weight: bold; text-decoration:underline;}
    .sidebar_container a:hover {color: #A9A9A9; font-weight: bold; text-decoration:underline;}
    
    /* change link color and hover in sigs* /
    .signature a {color:#006699; font-weight: bold;}
    .signature a:hover {color:#A9A9A9; font-weight: bold;}
    
    /* change link color and hover sitewide* /
    .link a {font-weight: bold;}
    .link a:hover {color:#A9A9A9; font-weight: bold; text-decoration:underline;}
    Psychlinks Mental Health Support Forum
    Local Search Forum

    Comment


    • #3
      Does it matter where in the additional.css file I put the above comments?

      Comment


      • #4
        Originally posted by fholbert View Post
        When a user places a link in their message it appears as normal text. Something like https://www.google.com/ looks no different than the words before and after the link on my forum.
        You need to use [url] tags for bb code to work
        [url]http://www.yourlink.com[/url] or
        [url=http://www.yourlink.com]link description[/url]
        Last edited by donald1234; Sat 7th Dec '13, 9:21am.

        Comment


        • #5
          Just to be clear the links work when you click on them but the text is almost the same.

          Comment


          • #6
            The links are a different color with the default theme, if you have an issue with the link color with an aftermarket theme, you should really contact the author of the theme for advice.

            Comment


            • #7
              Originally posted by donald1234 View Post
              The links are a different color with the default theme, if you have an issue with the link color with an aftermarket theme, you should really contact the author of the theme for advice.
              That is the problem. Thanks.

              Comment


              • #8
                Regardless of the style/theme, the additional.css solution I posted above should work. If not, try
                1. moving the CSS to the top of additional.css
                2. moving the CSS to the bottom of additional.css
                3. adding
                  Code:
                  !important
                  just before the closing semicolon ( on the CSS lines

                Make sure you are editing additional.css for the style you're using.
                Psychlinks Mental Health Support Forum
                Local Search Forum

                Comment

                Related Topics

                Collapse

                Working...
                X