Changing the Hover Link color.

How do I change the "hover" color in my code...also, how do I add text-decoration: none. I want my Fotomoto links to change color (#b2b2b2) when I hover to match the rest of my site, and I don't want them underlined.

Thanks for any help
1 person has
this question
+1
Reply
  • Hi Jim,

    I can help you with 1/2 your problem.
    Log into Fotomoto, and go to Support > Settings.
    From here you can change the Toolbar appearance.
    Click the change link next to Toolbar on the right.
    Then just copy and paste the following into the Customized Style section:

    .FotomotoToolbarClass a,
    .FotomotoToolbarClass a:link,
    .FotomotoToolbarClass a:visited,
    .FotomotoToolbarClass a:active,
    .FotomotoToolbarClass a:hover {
    color: #b2b2b2;
    }

    From here you should be able to use any valid css style to make the toolbar look the way you want.
    Unfortunately adding "text-decoration: none" to that didn't take away the underline, I'll look into that for you and get back to you.

    Cheers,
    piam
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • Thanks for the help, Piam

    Actually, when I did add "text decoration: none" it did take away the underline. But I still don't have the color change.

    I appreciate the help.

    Regards,

    Jim Tardio
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • 1
    Hi Jim,

    Your right, adding "text-decoration: none;" did work, I must have made typo :P.
    Also you had the color right, you just forgot to remove the last line which also set the color to grey.

    I made the changes for you, it now looks like this:

    .FotomotoToolbarClass a,
    .FotomotoToolbarClass a:link,
    .FotomotoToolbarClass a:visited,
    .FotomotoToolbarClass a:active,
    .FotomotoToolbarClass a:hover {
    text-decoration :none;
    color: #b2b2b2;
    font-size: 11px; /* change font size to 11 pixels */
    }

    Does that look the way it should?

    Cheers,
    piam
  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned

  • (some HTML allowed)
    How does this make you feel?
    Add Image
    I'm

    e.g. sad, anxious, confused, frustrated kidding, amused, unsure, silly happy, confident, thankful, excited indifferent, undecided, unconcerned