1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

XF 1.2 how to give Link Forum different colour

Discussion in 'Styling and Customization Questions' started by aiman.h.kallaf, Nov 23, 2013.

  1. aiman.h.kallaf

    aiman.h.kallaf Active Member

    Greeting to all
    I'd like to give ( Link Forum ) that are shown on the forum list a different color

    How can this be done Using extra
     
  2. Mouth

    Mouth Well-Known Member

    Code:
    .nodeInfo .linkNodeInfo .nodeText {
      color: #AAAAAA;
    }
    ??
     
  3. aiman.h.kallaf

    aiman.h.kallaf Active Member

    thanks Mouth , but it did not work

    upload_2013-11-23_14-36-46.png

    i tried

    .nodeInfo .linkNodeInfo .nodeText {
    color: #FF0000;
    }
     
  4. Shelley

    Shelley Well-Known Member

    you could add in a nodeID in with the classes (yours would differ) you would just need to insert your link forum ID, and choice of colour.

    Code:
    .node .node_31 .linkNodeInfo .nodeTitle a {color: red;}
    .node .node_31 .linkNodeInfo .nodeDescription {color: green;}
    You actually don't have to have the linknodeinfo class in. This would work also remembering to insert the nodeID

    Code:
    .node .node_31  .nodeTitle a {color: red;}
    .node .node_31  .nodeDescription {color: green;}


    Screenshot_2.png
     
    aiman.h.kallaf likes this.
  5. aiman.h.kallaf

    aiman.h.kallaf Active Member

    thank you shelly , but is there anyway to make it in one link or code , or at least put the node numbers in one line
    because i have a pretty long list of link forum
     
  6. Brogan

    Brogan XenForo Moderator Staff Member

    If you want it to apply to all link forums, remove the node ID class.
     
    aiman.h.kallaf and Shelley like this.
  7. Shelley

    Shelley Well-Known Member

    was just about to post that just add the following in and it'll style all your link nodes

    Code:
    .node .linkNodeInfo .nodeTitle a {color: red;}
    .node .linkNodeInfo .nodeDescription {color: green;}
    
     
    aiman.h.kallaf likes this.
  8. aiman.h.kallaf

    aiman.h.kallaf Active Member


    thank you brogan and shelley , it worked partially ,
    upload_2013-11-24_0-10-40.png

    some of the forums links are not included and colored
     
  9. Shelley

    Shelley Well-Known Member

    Replace the code given with the following (unsure the code is what you are wanting though.

    Code:
    .node .linkNodeInfo .nodeTitle a, .subForumList .link .nodeTitle a {color: red;}
    .node .linkNodeInfo .nodeDescription {color: green;}
     
    aiman.h.kallaf likes this.
  10. aiman.h.kallaf

    aiman.h.kallaf Active Member

    million thanks , now it is fully working
     
    Shelley likes this.

Share This Page