Options

Tweaking the display of hyperlinks in descriptions

afxafx Registered Users Posts: 102 Major grins
edited November 27, 2013 in SmugMug Customization
Hi,
Currently I do not see any visual clue when a gallery description contains a hyperlink until I move the mouse over it.
I'd like to make the links a bit more prominent by displaying them in a slightly darker or lighter gray than the regular text.
What should I put in the CSS?

thx
afx

Comments

  • Options
    AllenAllen Registered Users Posts: 10,013 Major grins
    edited November 27, 2013
    afx wrote: »
    Hi,
    Currently I do not see any visual clue when a gallery description contains a hyperlink until I move the mouse over it.
    I'd like to make the links a bit more prominent by displaying them in a slightly darker or lighter gray than the regular text.
    What should I put in the CSS?

    thx
    afx
    Try some variation of this in your "all galleries" CSS. This is for Smugmug style gallery I think.
    .sm-gallery-description a {
      color: #ccc;
    }
    
    .sm-gallery-description a :hover,
    .sm-gallery-description a:hover {
      color: red;
      text-decoration: underline;
    }
    
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    afxafx Registered Users Posts: 102 Major grins
    edited November 27, 2013
    Thanks,
    the hover part works, but not the regular display? Don't understand why.

    Also, the text block on the title page seems to be governed by a different CSS entry, would you know the name?

    thx
    afx
  • Options
    AllenAllen Registered Users Posts: 10,013 Major grins
    edited November 27, 2013
    afx wrote: »
    Thanks,
    the hover part works, but not the regular display? Don't understand why.

    Also, the text block on the title page seems to be governed by a different CSS entry, would you know the name?

    thx
    afx
    This in your "entire site" CSS looks like it works but the same could probably be set in your theme.
    This also affects every link so it should be made more specific.
    a {
      color: yellow !important;
    }
    
    a :hover,
    a:hover {
      color: red !important;
      text-decoration: underline !important;
    }
    
    Al - Just a volunteer here having fun
    My Website index | My Blog
  • Options
    afxafx Registered Users Posts: 102 Major grins
    edited November 27, 2013
    Hmm, now it also affects the customization menus ;-)
    But that's worth it.

    thx
    afx
Sign In or Register to comment.