Avada Forums Community Forum Add CSS Class For Links

Viewing 1 post (of 1 total)
  • Author
    Posts
  • rsotc
    Participant
    Post count: 2

    I’m trying to create a custom CSS class to change link attributes (link color, hover color, etc.). The following CSS works fine globally when added to my custom css folder or per page/post added to the custom css location at the top of Fusion Page Builder.

    a {color: red;} /* link color */
    a:visited {color:blue;}
    a:hover {color:orange;}
    a:active {background-color:tomato;}

    However, I cannot figure out the correct syntax when trying to add that to my custom CSS folder as a custom CSS class such as this:

    .custom-link-class {
    a {color: red;} /* link color */
    a:visited {color:blue;}
    a:hover {color:orange;}
    a:active {background-color:tomato;}

    I’ve tried with & without the rbrace? “{” as well as a common instead but continue to get error messages. Any help would be greatly appreciated.

Viewing 1 post (of 1 total)
  • You must be logged in to reply to this topic.