CSS styling for custom links on page?

  • Resolved jadi100

    (@jadi100)


    9 years, 3 months ago

    Hi,
    I’ve created a page containing a html-table with some links to other pages. Is it possible to style these links with pseudoclasses like a:hover, and how do I get rid of the underline (“text-decoration: none;” is not working)?
    I’ve tried inline css and css via the “theme options > custom css”, but there is no effect.
    Thanks for help.

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter jadi100

    (@jadi100)

    Hi again,
    i found a solution for the pseudoclasses, but the underline is still there. “text-decoration: none” is without effect. Any idea?

    Custom CSS:
    #post-entry article.post-single .post-content a.tex1:link {color: red; text-decoration: none;}
    #post-entry article.post-single .post-content a.tex1:visited {color: yellow; text-decoration: none;}
    #post-entry article.post-single .post-content a.tex1:hover {color: green; text-decoration: none;}
    #post-entry article.post-single .post-content a.tex1:active {color: blue; text-decoration: none;}

    Thread Starter jadi100

    (@jadi100)

    Finally a (the?) solution:

    Custom-CSS:
    #post-entry article.post-single .post-content a.tex1 {text-decoration: none !important;}

    and then the pseudoclasses as above. “tex1” is my own class.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘CSS styling for custom links on page?’ is closed to new replies.

Tags