Skip to:
Content
Pages
Categories
Search
Top
Bottom

Need to change the color of hyperlinks

Viewing 14 replies - 1 through 14 (of 14 total)

  • Robkk
    Moderator

    @robkk

    a {
        color: #676768;
    }

    try that


    drceng
    Participant

    @drceng

    Sorry…I’m a coding novice. Where would I place this Robkk? Thanks!


    Robkk
    Moderator

    @robkk

    ok this changes the style of all the links on your site so it is not white (i copied googles link color)

    a {
        color: #3a84df;
    }
    
    a:hover {
        color: #3a84df;
        text:decoration: underline;
    }

    you add this into anywhere where you can have custom css

    in your child themes css stylesheet
    the jetpack plugin module custom css
    a standalone custom css plugin


    drceng
    Participant

    @drceng

    Thanks Robkk…but I definitely don’t want to change the color of all links or breadcrumbs in my theme…just for the bbPress forum.


    Robkk
    Moderator

    @robkk

    well you should change your sitewide hyperlink color because you want people to see links you post.

    for topics

    a.bbp-topic-permalink  {
    color:#222;
    } 

    for forums

    a.bbp-forum-title  {
    color:#222;
    } 

    drceng
    Participant

    @drceng

    Howdy Robkk!

    After reviewing things a bit more this morning, I see what you’re saying & was able to update the link colors. I was afraid that editing links would also edit the menu color, but then again, I’m a total coding novice. 😉

    To make editing the style easy as cake, I add the Simple Custom CSS plugin & popped the edits in there & BAM! Beautiful!

    Thanks for you patience & help!


    Robkk
    Moderator

    @robkk

    No problem


    akyboy
    Participant

    @akyboy

    HI guys,

    I am trying to do the same,…

    I have this in my theme css

    body {	
    	color:#dbd8c4;
    	font-size:13px;
    	font-family: 'arial';
    	position:relative;
    }
    a {
    	color:#dbd8c4;
    	text-decoration:none;
    	
    }
    a:hover {
    	text-decoration:underline;
    	color:#ba110e;
    	font-size: 14px;
    }

    If i change colors even nickname profile link changes too.

    I would only like to change formatting of links user post on forums. Is that possible?


    Robkk
    Moderator

    @robkk

    @akyboy

    list some links you are trying to change in bbpress.


    akyboy
    Participant

    @akyboy

    HI thanks for answer

    This is the link to our site:

    http://www.cannedbandits.org/the-third-campaign-on-the-global-map/ and this thread have some link in it, as you can see, on hover it goes red but Author link is changed to with same colors.


    Robkk
    Moderator

    @robkk

    if you want your bbpress forum links to be different than your sites links use this

    #bbpress-forums div.bbp-topic-content a, #bbpress-forums div.bbp-reply-content a {
    background: none;
    border: none;
    display: inline;
    font-weight: normal;
    margin: 0;
    padding: 0;
    color: red;
    }

    akyboy
    Participant

    @akyboy

    Thanks Mr Rob!

    Nice when someone can find out newbie question and actually give us an working or partially working examples 🙂
    In my case this was fully working example, only thing i changed was color: red; , to color we prefer.

    Using your example i also changed color of the links in actual posts: http://www.cannedbandits.org/skirmish-calling-guide/

    EDIT, just noticed little problem

    Skirmish Calling Guide

    Favorites and Subscribe links are changed to that color now.


    Robkk
    Moderator

    @robkk

    well i cant see the links on your site because its only shown if you are logged in.

    but i just looked up the css selectors on here.

    see if this changes the color.

    a.subscription-toggle,
    a.favorite-toggle {
    color:328c00;
    }

    if you want to change the color of other links like for example the reply author link use inspect element in your web browser, and try to find the class/id then style it from there.

    if sometimes some css doesnt work you would have to probably go add the parent class/id in the css or add !important to the end.

    like

    li.bbp-header a.favorite-toggle {
    color:#328c00;
    }

    search up on google/youtube on how to use inspect element in your browser

    more info here

    Step by step guide to setting up a bbPress forum – part 2

    bbPress Styling Crib


    akyboy
    Participant

    @akyboy

    Thanks Mr Rob!!!

    I really appreciate your help!

    !important worked fine

    I will bookmark 2 links you gave me for future references

Viewing 14 replies - 1 through 14 (of 14 total)
  • You must be logged in to reply to this topic.
Skip to toolbar