Newsletter... Disable blue border

Responsive community-minded music Joomla template with JomSocial extension support.
Rate this topic: Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.Evaluations: 1, 1.00 on the average.1.00 out of 6 based on 1 vote(s)
GK User
Thu Aug 21, 2014 3:11 pm
Reply with quote
Report this post
How can i disable the blue border (see picture) when i click in that field. I have that border for example in chrome or safari...
User avatar
Expert Boarder

teitbite
Sat Aug 23, 2014 9:38 am
Reply with quote
Report this post
Hi

I cannot see it in any browser. Have You made any changes to quickstart already? Can I please see Your site?
User avatar
Moderator

teitbite
Sat Aug 23, 2014 9:41 am
Reply with quote
Report this post
Hi

I've just noticed it on Mac in safari.

Please add this code to override.css and make sure override is enabled in template settings.

Code: Select all
input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, textarea:focus {
  background-color: inherit
  background-position: initial initial;
  background-repeat: initial initial;
}
User avatar
Moderator

GK User
Mon Aug 25, 2014 8:48 am
Reply with quote
Report this post
Hi,

i added the code to override.css, enabled css override, but the border is still there...
User avatar
Expert Boarder

teitbite
Tue Aug 26, 2014 1:16 pm
Reply with quote
Report this post
Hi

Please tell me the url to Your site.
User avatar
Moderator

GK User
Tue Aug 26, 2014 1:23 pm
Reply with quote
Report this post
[urlhttp://vp-company.eu/interactive/best/][/url]
User avatar
Expert Boarder

GK User
Tue Aug 26, 2014 1:24 pm
Reply with quote
Report this post
User avatar
Expert Boarder

teitbite
Wed Aug 27, 2014 5:15 pm
Reply with quote
Report this post
Hi

Please send me an access to joomla panel. I see override.css file not having the code I gave You, so I need to check if there is nothing overwritting it.
User avatar
Moderator

teitbite
Mon Sep 01, 2014 1:13 pm
Reply with quote
Report this post
Hi

I've overthinked it a little bit :)

Just this much is enought to disable the glow border:

Code: Select all
input:focus,
textarea:focus {
    outline: none;
}
User avatar
Moderator

GK User
Sun Sep 07, 2014 11:42 pm
Reply with quote
Report this post
Hi,

I do not have problem with the border around this form. But does it work, because after typing the e-mail address nothing happens, just pop up the home page. Should there be an ok button or any thing. It is really spectacular, but useless?

Thanks a lot.

Julia
User avatar
Fresh Boarder

teitbite
Mon Sep 08, 2014 12:31 pm
Reply with quote
Report this post
Hi

This is a custom html module, just to show that such style can be used in this place. You can either add a functionality for it or replace with some newsletter module.
User avatar
Moderator


cron