Announcement

Collapse
No announcement yet.

Links in a message look same as normal text

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

  • djbaxter
    replied
    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.

    Leave a comment:


  • fholbert
    replied
    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.

    Leave a comment:


  • donald1234
    replied
    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.

    Leave a comment:


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

    Leave a comment:


  • donald1234
    replied
    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.

    Leave a comment:


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

    Leave a comment:


  • djbaxter
    replied
    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;}

    Leave a comment:


  • fholbert
    started a topic Links in a message look same as normal text

    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.

Related Topics

Collapse

Working...
X