Navigation
Archive / separate CSS styling on specifik page links
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • November 23, 2016 at 4:03 am #1268019
    KnowledgeWorker
    Participant

    Hi themeco

    How do I create style or class for for a specific kind of links throughout my site?
    Including font size, color, hover effect etc?

    Hope you can help

    November 23, 2016 at 4:21 am #1268034
    Paul R
    Moderator

    Hi,

    You can add a class to your links then target it in your css.

    eg.

    <a href="http://yoursite.com" class="my-link">My Link</a>

    You can then add this in Custom > Edit Global CSS in the customizer.

    
.my-link {
    color:red;
    font-size:15px;
}

.my-link:hover {
    color:blue;
    text-decoration:underline;
}

    Hope that helps

    November 23, 2016 at 5:59 am #1268117
    KnowledgeWorker
    Participant

    Perfect. thank you

    November 23, 2016 at 6:08 am #1268119
    Thai
    Moderator

    You’re most welcome 🙂

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1268019 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>