Yootheme - EasySocial Toolbar search box
By Aaron P on Saturday, 26 October 2013
Posted in Technical Issues
Replies 2
Likes 0
Views 1.5K
Votes 0
I was having an issue with the CSS in the EasySocial toolbar and the search input box. I was able to fix it with editing the following line in the below CSS. I copied style.css and style1.css into my html folder under my template to override EasySocial's CSS, but for some reason I lost the icons in the EasySocial toolbar.

body div#es-wrap .es-toolbar .es-navbar-search .search-query {

padding: 0px 0px 0px 35px;

}
I am still having styling issues with the search input box in EasySocial toolbar. I have it fixed when viewing the page on a desktop, but as you reduce the screen size to a mobile device the problem comes back.

I added the new css styling to my theme css under the Grey style. Using a Yootheme template.
Aaron P
·
Thursday, 07 November 2013 05:35
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Aaron,
The issues is came from Yoothemes itself, they are using aggresive (!important) styling for generic use. To fixed it you will need to open this file
/templates/yoo_moreno/styles/grey/css/bootstrap.css
at lines 7320
change the code from


button,

input,

textarea {

  -moz-box-sizing: content-box !important;

  -webkit-box-sizing: content-box !important;

  box-sizing: content-box !important;

}

to
button,

input,

textarea {

  -moz-box-sizing: content-box;

  -webkit-box-sizing: content-box;

  box-sizing: content-box;

}
Chang
·
Thursday, 07 November 2013 10:47
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post