Joomla Templates Club 406,261 posts

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#722491

Hi,

i?m running a new website using JA UBER,

but when I try to implement a Expanding Search Button in CSS like this sample:

http://bootsnipp.com/snippets/featured/expanding-search-button-in-css

something goes wrong, and the placeholder that sould only appear when the search is active (mouse over) is appearing all the time,

someone can help me?

Thanks

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#723284

Hi @brenot,

There’s an inline CSS rule that cause the problem, please remove this block :

div.mod_search560 input{ width:auto; }
div.mod_search539 input{ width:auto; }

1 user says Thank You to Adam M for this useful post

1. brenot

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#754007

Hi @brenot,

There’s an inline CSS rule that cause the problem, please remove this block :

div.mod_search560 input{ width:auto; }
div.mod_search539 input{ width:auto; }

1 user says Thank You to Adam M for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#723501

Fine, at Firebug I remove and it works as expected….

But.. Where I can find this code?

Thanks….

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#754056

Fine, at Firebug I remove and it works as expected….

But.. Where I can find this code?

Thanks….

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#723593

Hi @brenot,

I checked your site and see that look like you managed to figure it out. Just one problem is when you hover to the search field, it jump up and down, so open file templatesubercsscustom.css (create a new one if you don’t have this file) then add this code :

.search #mod-search-searchword {
max-width: 200px;
}

1 user says Thank You to Adam M for this useful post

1. brenot

[Adam M Moderator Adam MJoin date: May 2014Posts: 5159Downloads:33Uploads:66 Thanks: 95 Thanked: 1271 times in 1235 posts]

#754123

Hi @brenot,

I checked your site and see that look like you managed to figure it out. Just one problem is when you hover to the search field, it jump up and down, so open file templatesubercsscustom.css (create a new one if you don’t have this file) then add this code :

.search #mod-search-searchword {
max-width: 200px;
}

1 user says Thank You to Adam M for this useful post

1. brenot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#723701

Fine, it works

thanks a lot

[brenot Friend brenotJoin date: March 2011Posts: 223Downloads:202Uploads:49 Thanks: 67 Thanked: 8 times in 3 posts]

#754193

Fine, it works

thanks a lot

[Author]

Posts