Joomla Templates Club 406,261 posts

[oharris3 Friend oharris3Join date: June 2011Posts: 87Downloads:60Uploads:16 Thanks: 6 Thanked: 2 times in 1 posts]

#208121

I have moved the smart search module from the “head-search” position to the “appointment” position.

However, the on-click event for the search does not work there. How can I have the onclick event working on the smart search module in the appointment position/

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

#576103

Hi @oharris3,

Please open file /templates/ja_medicare/css/custom.css and add this code :

#mod-finder-searchform {
margin: 0;
}
#mod-finder-searchform input {
background: transparent;
border-color: transparent;
border-radius: 0;
box-shadow: none;
cursor: pointer;
padding: 0 5px;
position: relative;
width: 39px;
z-index: 3;
text-indent: -999em;
line-height: 39px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#mod-finder-searchform input:focus,
#mod-finder-searchform input:active {
border-color: #e7e7e7;
box-shadow: none;
cursor: inherit;
padding-left: 10px;
width: 160px;
background-color: #fafafa;
text-indent: 0;
line-height: 1;
}
@media (min-width: 768px) and (max-width: 979px) {
#mod-finder-searchform input:focus,
#mod-finder-searchform input:active {
width: 100px;
}
}
#mod-finder-searchform .finder {
margin-bottom: 0;
position: relative;
}
#mod-finder-searchform i {
position: absolute;
left: 10px;
top: 10px;
z-index: 3;
}
.t3-mainnav {
margin-top: 0;
}

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

#642429

Hi @oharris3,

Please open file /templates/ja_medicare/css/custom.css and add this code :

#mod-finder-searchform {
margin: 0;
}
#mod-finder-searchform input {
background: transparent;
border-color: transparent;
border-radius: 0;
box-shadow: none;
cursor: pointer;
padding: 0 5px;
position: relative;
width: 39px;
z-index: 3;
text-indent: -999em;
line-height: 39px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#mod-finder-searchform input:focus,
#mod-finder-searchform input:active {
border-color: #e7e7e7;
box-shadow: none;
cursor: inherit;
padding-left: 10px;
width: 160px;
background-color: #fafafa;
text-indent: 0;
line-height: 1;
}
@media (min-width: 768px) and (max-width: 979px) {
#mod-finder-searchform input:focus,
#mod-finder-searchform input:active {
width: 100px;
}
}
#mod-finder-searchform .finder {
margin-bottom: 0;
position: relative;
}
#mod-finder-searchform i {
position: absolute;
left: 10px;
top: 10px;
z-index: 3;
}
.t3-mainnav {
margin-top: 0;
}

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

#741088

Hi @oharris3,

Please open file /templates/ja_medicare/css/custom.css and add this code :

#mod-finder-searchform {
margin: 0;
}
#mod-finder-searchform input {
background: transparent;
border-color: transparent;
border-radius: 0;
box-shadow: none;
cursor: pointer;
padding: 0 5px;
position: relative;
width: 39px;
z-index: 3;
text-indent: -999em;
line-height: 39px;
-webkit-transition: 0.3s;
transition: 0.3s;
}
#mod-finder-searchform input:focus,
#mod-finder-searchform input:active {
border-color: #e7e7e7;
box-shadow: none;
cursor: inherit;
padding-left: 10px;
width: 160px;
background-color: #fafafa;
text-indent: 0;
line-height: 1;
}
@media (min-width: 768px) and (max-width: 979px) {
#mod-finder-searchform input:focus,
#mod-finder-searchform input:active {
width: 100px;
}
}
#mod-finder-searchform .finder {
margin-bottom: 0;
position: relative;
}
#mod-finder-searchform i {
position: absolute;
left: 10px;
top: 10px;
z-index: 3;
}
.t3-mainnav {
margin-top: 0;
}

[Author]

Posts