thunderup Active member Dec 2, 2011 #1 I am aware that I can edit my overlay style under Style Properties > Form-Type Overlays Where can I edit the overlay for the "Error" messages (red heading, black transparent BG, white text)
I am aware that I can edit my overlay style under Style Properties > Form-Type Overlays Where can I edit the overlay for the "Error" messages (red heading, black transparent BG, white text)
Paul B XenForo moderator Staff member Dec 2, 2011 #2 Add to EXTRA.css: Code: .xenOverlay .errorOverlay .heading { } Upvote 0 Downvote
thunderup Active member Dec 2, 2011 #3 Then add my edits between the brackets for the background, heading, etc? Upvote 0 Downvote
Paul B XenForo moderator Staff member Dec 2, 2011 #4 Just add the elements you want to change, you don't need to replicate the current CSS. Upvote 0 Downvote
thunderup Active member Dec 2, 2011 #5 what's the proper code for changing the text color under .xenOverlay .errorOverlay { border: 1px solid; background: @textCtrlBackground; } Click to expand... Upvote 0 Downvote
what's the proper code for changing the text color under .xenOverlay .errorOverlay { border: 1px solid; background: @textCtrlBackground; } Click to expand...
thunderup Active member Dec 2, 2011 #7 My Error overlay is wiggin' out whenever I try messing with the border color and size.. On my normal form type overlay these are some settings I have that I want to add to the Error code... Form Type Overlay: border color = #e3e3e3 width = 5 px , radius = 10 px Under the additional CSS box I have: box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); _zoom: 1; This is what I have currently for my Error Overlay Code in EXTRA.css Code: .xenOverlay .errorOverlay { border: 1px solid; background: @textCtrlBackground; color: #B40000 } .xenOverlay .errorOverlay .heading { background: #B40000 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x; } Little help with completing the code to match my original overlay (except with the RED error heading obviously, that I have added) Upvote 0 Downvote
My Error overlay is wiggin' out whenever I try messing with the border color and size.. On my normal form type overlay these are some settings I have that I want to add to the Error code... Form Type Overlay: border color = #e3e3e3 width = 5 px , radius = 10 px Under the additional CSS box I have: box-shadow: 0px 25px 50px rgba(0,0,0, 0.5); _zoom: 1; This is what I have currently for my Error Overlay Code in EXTRA.css Code: .xenOverlay .errorOverlay { border: 1px solid; background: @textCtrlBackground; color: #B40000 } .xenOverlay .errorOverlay .heading { background: #B40000 url('@imagePath/xenforo/gradients/category-23px-light.png') repeat-x; } Little help with completing the code to match my original overlay (except with the RED error heading obviously, that I have added)
Paul B XenForo moderator Staff member Dec 2, 2011 #8 Add a ; to the end of the color: #B40000 line. Upvote 0 Downvote