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

XF 1.4 Form Overlay Container

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

  1. Amaury

    Amaury Well-Known Member

    This is how we had that overlay originally:

    XenForo Overlay 1.PNG

    Then I decided I liked the red better as transparent, so I made the necessary changes to the overlays:

    XenForo Overlay 2.PNG

    However, when I re-added the 0.25 transparency to the Container style property, it only lightened the red, like so:

    XenForo Overlay 3.PNG

    As such, I reverted overlays that use the @formOverlay styling to the default styling, except for the text color:

    XenForo Overlay 4.PNG

    However, as you can see, the password link is hard to see now, so I may revert to the third screenshot, but I have two questions:
    • How can I change the link color of only the password link?
    • How can I make the border for @formOverlay partially transparent?
  2. Arty

    Arty Well-Known Member

    You'll need to add custom rule for links in overlay, like
    .formOverlay a { color: white; }
    Amaury likes this.
  3. Amaury

    Amaury Well-Known Member

    @Arty, that's not working for me, not even with !important alongside .xenOverlay for more specificity. :x
  4. Arty

    Arty Well-Known Member

    Instead of formOverlay try xenOverlay
  5. Amaury

    Amaury Well-Known Member


    .xenOverlay a {
        color: @secondaryDarker;
    KHF Log In.PNG
  6. Amaury

    Amaury Well-Known Member

    Or not, @Arty. :p

    Seems that didn't get only the password link:

    KHF Chooser.PNG

    Might just revert back to what we had.
  7. Arty

    Arty Well-Known Member

    .xenOverlay #ctrl_pageLogin_registered_Disabler a
    Amaury likes this.

Share This Page