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

Forum strips - title, description, background

Discussion in 'Styling and Customization Questions' started by Morgain, Jun 11, 2013.

  1. Morgain

    Morgain Well-Known Member

    I have 4 priority interest forums I want to display to look like the brightly coloured category designs Jake and Shelley provided code for.
    Have tried on my own - page source, ff Inspect element - have not identified the container I need to edit to get started. This is a mockup.
    forum strip custom.png

    Thanks to Shelley I already have the triskelon spiral forum icon in place.
    The green read/ unread pot is also there.
    At some point Ive disappeared the stats info.
    Data box on right is already pale green.

    I think I make a new template and make it an include, to style just these 4 forum strips,
    Then I need to tell it to e.g. style

    node_id 31 with black background,
    red title text,
    yellow description text,
    red border
    and the thin yellow inner lines top n bottom.

    Then i can do different colours fro the other 3 forum strips.
  2. Brogan

    Brogan XenForo Moderator Staff Member

    Inspect the forum index page and look for the node IDs.


    Then use the node ID in the classes as required.

    For example, the styling forum here is node ID 47, so the following will colour the background of the title:
    .node_47 .nodeText {
    background-color: red !important;

    Then just repeat the process for each element you want to style.
    Matthew Hawley likes this.

Share This Page