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

XF 1.4 Inactive Notice Panel Border Color

Discussion in 'Styling and Customization Questions' started by Amaury, Jul 26, 2015.

  1. Amaury

    Amaury Well-Known Member

    I'm trying to change the border color of the inactive notice panel so its controlling color palette item is @secondaryLight rather than the default @primaryLighter so it looks good on both the dark and light styles.

    KHF Notice 1.PNG

    I already know the class from inspecting the element, and I could use custom CSS; however, for the framework I'm working on, I only want to use custom CSS for things that do not have style properties, and doing a template search I see it has a style property, but I can't find it doing an ACP search. @panelScrollerNavControl comes up, but I already know how to find that without the search; however, it has no border property.

    KHF Notice 2.png

    KHF Notice 3.PNG

    KHF Notice 4.PNG
     
  2. Steve F

    Steve F Well-Known Member

    It inherits from the Main Container property above.
     
    Amaury likes this.
  3. Amaury

    Amaury Well-Known Member

    Guess I will need custom CSS, then, since that controls both. :p
     
  4. Amaury

    Amaury Well-Known Member

    End result. :)

    Code:
    .KHFlare .PanelScroller .navControls a.current {
        border-color: @primaryLight;
    }
    
    .KHFlare .PanelScroller .navControls a {
        border-color: @secondaryLight;
    }
     

Share This Page