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

XF 1.2 Read/Unread Opacity on Subforum listing

Discussion in 'Styling and Customization Questions' started by Sheldon, Sep 9, 2013.

  1. Sheldon

    Sheldon Well-Known Member

    Meh... lost in the sauce.

    Currently I have this:
    jzf5.png

    As you can see, there are two areas that have new posts (by the bold text), the Green Bay Packer one and the Tampa Bay Buccaneer one.

    No matter what code I have tried, I cannot get it to just highlight that area alone with opacity 1 and have it show.

    Here is the code for the individual listings:

    Code:
    .node.forum.level-n.node_59 {
        background-image: url("/images/helmet/packers.png") !important;
        background-repeat: no-repeat;
        background-size: 24px auto;
        line-height: 20px;
        opacity: 0.5;
    }
    And the opacity I have tried (among many others) was this:
    Code:
    .unread .node_59 {
        opacity: 1 !important;
    }
    Which at first, gave me this:
    Screenshot_1.png

    Code:
    .unread .node_58 {
        opacity: 1 !important;
    }
    However, adding that code to others, say 58 and 48, I now get this:
    Screenshot_2.png

    I am likely just overlooking something, but I thought I have tried absolutely everything....

    If anyone can help out, please... hah. I am begging. I have stared at this a little to long. If you need to see the site to attempt to help, PM me for site address.
     
  2. Tracy Perry

    Tracy Perry Well-Known Member

    I use the below code to set the overall unread opacity to 1.0 in my forums.

    Code:
    /* Adjust opacity on new message icons in forum list */
    .node .forumNodeInfo.unread .nodeIcon, .node .categoryForumNodeInfo.unread .nodeIcon {
            opacity: 1.0 ;
            }
    I haven't tried it with the sub-forum listings yet - so you may need to add those into it also.

    Maybe adding the
    Code:
    .node .subForumList.unread .nodeIcon 
    in would work.
     
    Last edited: Sep 9, 2013
  3. Sheldon

    Sheldon Well-Known Member

    I have the main node icons, that isn't a problem at all...

    No matter what code I use, or attempt to use, I am just not getting the look I want in the subforums.
     
  4. Tracy Perry

    Tracy Perry Well-Known Member

    Did you try the edited code I placed in the post?
     

Share This Page