Forum Discussion

bsamson's avatar
bsamson
Adept
12 years ago

Adding CSS to make clickable text blue

I have created a custom page and added links with HTML. Currently, any clickable text is appearing the same color as non-clickable text. How can I change this to be blue so that it is obvious there i...
Views
Sign in to react to this post
Inactive User's avatar
Inactive User
Not applicable
12 years ago

Push shouldn’t matter as long as the skin is saved. The main thing is to override any class name/ selector that’s currently on the link you’re trying to style.

Sign in to react to this post
bsamson's avatar
bsamson
Adept
12 years ago

I added the following CSS at the very bottom of the CSS Skins:Desktop and nothing changed on Stage or Production. Any suggestions?

 

.lia-body .lia-content .lia-message-body-content a, 
.lia-body .lia-content .lia-message-body-content a:link, 
.lia-body .lia-content .lia-message-body-content a:hover, 
.lia-body .lia-content .lia-message-body-content a:active, 
.lia-body .lia-content .lia-message-body-content a:focus{ color: #47B7E6;}

.lia-body .lia-content .lia-message-body-content a:visited{ color: blue;}
Sign in to react to this post
  • NicoB's avatar
    NicoB
    Lithium Alumni (Retired)
    12 years ago
    Hi @bsamson,
    can you check in the "Versions" tab that the latest version has been staged? Also I would check whether the style you added in the skins are actually present in the CSS file generated by Lithium when you load the community in the browser.

    Nico
    Sign in to react to this post
    • Inactive User's avatar
      Inactive User
      Not applicable
      12 years ago

      Agreed. Also, depending on that style, you may need to make .lia-body --> #lia-body in order to override a style since Lithium used that ID in many of their selectors.

      Sign in to react to this post
      • bsamson's avatar
        bsamson
        Adept
        12 years ago

        Hello there!

        Looks like the code below has already been added in "Basic Styles Override Begin"

         

        .lia-body .lia-content .lia-message-body-content a, .lia-body .lia-content .lia-message-body-content a:link, .lia-body .lia-content .lia-message-body-content a:hover, .lia-body .lia-content .lia-message-body-content a:active, .lia-body .lia-content .lia-message-body-content a:focus, .lia-body .lia-content .lia-message-body-content a:visited{
        color: #47B7E6;}

         

        I changed .lia-body to #lia-body but it didn't change anything. Any suggestions?

        Sign in to react to this post