By Cyril Thibout on Friday, 11 December 2015
Posted in Technical Issues
Likes 0
Views 732
Votes 0
HI
Whatever template I choose for EasyBlog 5.0.30 I can't modify the text color of the search area (for example).

In firebug even if I change the color in the div#fd.eb .eb-navbar-search .form-control, the color remains unchanged !

div#fd.eb .eb-navbar-search .form-control {
background: none;
color: #757575;
border: 0 !important;
height: 40px;
border-radius: 0;
box-shadow: none;
margin: 0;
}

Hence I can't override it. What is the right wqy to modify such properties please ?

thanks

cyril
Hey Cyril,

Your selectors are actually wrong. You should use something like this,

·
Saturday, 12 December 2015 00:14
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark

thanks for the answer but Firebug or Chrome inspector give div#fd.eb .eb-navbar-search .form-control.
Are you sure we are talking about the same version of EasyBlog please ?

If I watch the source code there is no #ezblog-search in the page outside some Javascript here:

$('#ezblog-head #ezblog-search').bind('focus', function(){

$(this).animate({
width: '170'
});
});
$('#ezblog-head #ezblog-search').bind( 'blur' , function(){
$(this).animate({ width: '120'});



thanks

cyril
·
Sunday, 13 December 2015 03:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Unless we are not talking about the same site, I am actually inspecting the elements at http://www.pulsar-informatique.com/actus-blog and you can't search for "#ezblog-search". The hash is just an identifier used in css but the html counterpart should look like id="ezblog-search"
·
Sunday, 13 December 2015 16:23
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi

I understand but I never wrote it was about this site

The new site (still in developpement) is no longer with Easyblog 3 but with Easyblog 5. you can reach it on http://pulsar.test-pulsar.com/actus-blog

thanks

cyril
·
Sunday, 13 December 2015 17:53
·
0 Likes
·
0 Votes
·
0 Comments
·
Hey there,

I am sorry for the delay of this reply,

Actually that was a little bit different if you want to change that front color in placeholder area.

You can to use following similar css code and see how it goes?

input[placeholder]::-webkit-input-placeholder {
color: red !important;
}

input[placeholder]::-moz-placeholder {
color: red !important;
}
·
Monday, 14 December 2015 13:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Cyrill,

Try the following instead and see how it goes.
div#fd.eb .eb-navbar-search .form-control {
background-color: #891325;
}
·
Monday, 14 December 2015 13:32
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi

thanks to all of you, it works

thanks again for your support

cyril
·
Monday, 14 December 2015 18:21
·
0 Likes
·
0 Votes
·
0 Comments
·
You're welcome, glad to heard your issue resolved.
·
Monday, 14 December 2015 22:21
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post