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
bsamson's avatar
bsamson
Adept
12 years ago

Thank you for your reply! 

 

I believe I would want to use the second section of code you shared. Where would I put this in Studio?

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

You'd put it in your skin's CSS. In Studio, that's underneath the 'Community Style' tab. Click the 'CSS' tab and then expand your skin from the list on the right and click 'Desktop'. Put it in the editor.

 

I think there's a Lithium Tutorial out there. A Lithium person is going to have to provide a link to that though. I don't have it offhand.

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

    Thanks! I added into the skins, but it didn't update the color...perhaps after the push?

    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