changing font color of a link

Tony BrittonTony Britton Registered Users Posts: 345 Major grins
edited January 9, 2015 in SmugMug Support
Hello,

Can you please tell me how to change ONLY the font color of a link placed within the main text, which is black, so that the link is obvious?

Thanks,
Tony
http://www.tonybritton.smugmug.com/

Comments

  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited January 9, 2015
    Anyone helping would need to know some detail.
    Is this a text content block?
    Is this a html content block?
    Is it text not in one of those boxes?
    What is "main text"?
    Got a link so we can see it?
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • rnrjoshrnrjosh Registered Users Posts: 266 Major grins
    edited January 9, 2015
    Which text in specific do you want to change? The CSS to change a link color will vary depending on what text element you want to change. If you could include a link to a specific page and let us know the specific text you want to change the color for, we should be able to provide some CSS to change that.

    EDIT: Allen beat me to it, you're in good hands :)
    Josh
    SmugMug Support Hero
  • Tony BrittonTony Britton Registered Users Posts: 345 Major grins
    edited January 9, 2015
    rnrjosh wrote: »
    Which text in specific do you want to change? The CSS to change a link color will vary depending on what text element you want to change. If you could include a link to a specific page and let us know the specific text you want to change the color for, we should be able to provide some CSS to change that.

    EDIT: Allen beat me to it, you're in good hands :)
    Thanks to you & Allen!

    Here's a link to the page I'd like to change the link font color:

    http://tonybritton.smugmug.com/Other/Canon-SX50-HS/i-mnc3CGh

    The links are placed within the introduction to my website and there are 3 links involved.

    Thank you both!

    Tony
    http://tonybritton.smugmug.com/
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited January 9, 2015
    Here's the CSS for this specific gallery. This can be put in "entire site" CSS because it carries the specific
    gallery class name. Or in "Just this gallery" CSS with or without the .sm-page-node-rbLpj.

    .sm-page-node-rbLpj .sm-gallery-description a {color:#999}

    .sm-page-node-rbLpj .sm-gallery-description a :hover,
    .sm-page-node-rbLpj .sm-gallery-description a:hover {
    color:red}

    You can also apply it to all gallery descriptions by leaving off .sm-page-node-rbLpj.
    Put in "entire site" or "all galleries" CSS. I like to place CSS in their specific areas, like
    "all folders", "all galleries" so I can look and see what effects just those areas.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • AllenAllen Registered Users Posts: 10,013 Major grins
    edited January 9, 2015
    You might consider just showing the text for the links.
    example:
    Canon SX50 Hints and Tips

    BTW, just bought a SX60.
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Tony BrittonTony Britton Registered Users Posts: 345 Major grins
    edited January 9, 2015
    Allen wrote: »
    Here's the CSS for this specific gallery. This can be put in "entire site" CSS because it carries the specific
    gallery class name. Or in "Just this gallery" CSS with or without the .sm-page-node-rbLpj.

    .sm-page-node-rbLpj .sm-gallery-description a {color:#999}

    .sm-page-node-rbLpj .sm-gallery-description a :hover,
    .sm-page-node-rbLpj .sm-gallery-description a:hover {
    color:red}

    You can also apply it to all gallery descriptions by leaving off .sm-page-node-rbLpj.
    Put in "entire site" or "all galleries" CSS. I like to place CSS in their specific areas, like
    "all folders", "all galleries" so I can look and see what effects just those areas.

    Thanks so very much!

    Tony
Sign In or Register to comment.