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

Adding a glow to text fields

toodlez

Active member
#1
Hey, I was curious, is there a way to add a light glow to the text input fields on the registration / login section?

Just like it is on twitter?

Thanks!
 

Jake Bunce

XenForo moderator
Staff member
#4
Admin CP -> Appearance -> Templates -> EXTRA.css

Add this:

Code:
.textCtrl
{
	box-shadow: 0px 0px 5px #FFFFFF;
}
 

Jake Bunce

XenForo moderator
Staff member
#5
Oh. If you want it to only affect the login / register area then use this:

Code:
#login .textCtrl
{
	box-shadow: 0px 0px 5px #FFFFFF;
}
 

toodlez

Active member
#9
Jake do you know what the image is for the background of the "Search" bar when you are in the active state? It has the gradient going downward rather than upwards like most standard gradients
 

Jake Bunce

XenForo moderator
Staff member
#10
Jake do you know what the image is for the background of the "Search" bar when you are in the active state? It has the gradient going downward rather than upwards like most standard gradients
Admin CP -> Appearance -> Style Properties -> Forms -> Text Control, Focused State
 

toodlez

Active member
#13
Yeah I meant I copied the image from the Forms one (which should be the background image on the search bar) and put it into my Form-Type Overlay > Focused State and the background isn't showing

I'm trying to get that gradient into my login / sign up active states on my overlay
 

toodlez

Active member
#14
If I input this one:
@imagePath/xenforo/gradients/form-button-white-25px.png

It works, but the actual one I want is
@imagePath/xenforo/gradients/form-element-focus-25.png
 

Jake Bunce

XenForo moderator
Staff member
#16
I am guessing the form in question is not using the formOverlay class which would explain why those changes are not affecting the text fields.

Look at this template for an example of an overlay that uses the formOverlay class:

Admin CP -> Appearance -> Templates -> contact