change css for links in lessons?

  • Resolved pttony

    (@pttony)


    7 years, 2 months ago

    I’m trying to customize the css for links (visited / unvisited) as they appear in the lessons. I can’t find the styling for this in the plugin css. Currently no styling is applied to links (you wouldn’t know they are there unless you hover over them and a pointer appears). I’d like to add basic styling to color unvisited links a dark blue and visited links a light blue… basically I’d like to do something like this:

    <style>
    a:link {
    text-decoration: none;
    color: #0065ff;
    }

    a:visited {
    text-decoration: none;
    color: #2c7ef9
    }

    a:hover {
    text-decoration: underline;
    }

    a:active {
    text-decoration: underline;
    }
    </style>

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Thread Starter pttony

    (@pttony)

    FYI – the links on the page above are manually styled by adding color to the text…otherwise they wouldn’t be obvious.

    Plugin Contributor Ken Nguyen

    (@kendy73)

    Hi pttony,

    Please add the class “course-lesson-description” before those style.

    Example:

    .course-lesson-description a:link {
  color: #0065ff!important;
}

    Try and let me know ??

    Regards,

    Ken

    Thread Starter pttony

    (@pttony)

    Yes – that seems to have done the trick!

    I didn’t include the !important tag… but if I have conflicts I may add it back in.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘change css for links in lessons?’ is closed to new replies.