By Jarook on Thursday, 01 June 2017
Posted in General Issues
Replies 7
Likes 0
Views 297
Votes 0
I need to change some specific colors on my easysocial..see the image which need to be changed.
Please kindly provide me the custom.css codes

Thank you.
Hi there,

Try to copy css codes below on your customs.css and see how it goes

//codes for news feed
#es .o-tabs--stacked .o-tabs__item.active .o-tabs__link {
background-color: #ff0d0d !important;
}
//Codes for name links
#es .es-stream-meta .es-stream-title a {
color: red !important;
}
//codes for hovering on docker
#es.es-docker .btn-docker:hover {
background: red !important;
}
//codes for status(Story Form)
#es .es-story-panel-button.active {
background-color: #fc0e0e !important;
}
//codes for Divider color
#es.es-docker.is-top .docker-border--right, #es.es-docker.is-bottom .docker-border--right {
border-right: solid 1px #f92300;
border-left: solid 1px #f92300;
}
·
Thursday, 01 June 2017 14:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks..Also provide me the css codes of the Button bg color & other see the image I attached with it..
·
Thursday, 01 June 2017 15:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

I forgot to include this on previous post. Can you try to apply css codes below and see how it goes


//codes for submit button
#es .btn-es-primary {
backgroudn-image: linear-gradient(to bottom,red 100%,#d9e8f4 100%) !important
}
//code for privacy
#es .es-story-privacy .es-privacy .es-privacy-toggle{
background-image: linear-gradient(to bottom,red 100%,#d7edff 100%) !important;
}


Note:
I have made 100% as you can see on the code, for you to choose only one color, if you wanted to show gradient color, you can reduce them.
·
Thursday, 01 June 2017 16:32
·
0 Likes
·
0 Votes
·
0 Comments
·
It's ok..
But This is not working...fully..
The 2nd css code is working half..
·
Thursday, 01 June 2017 17:01
·
0 Likes
·
0 Votes
·
0 Comments
·
Please try this instead,

[gist]
body #es .es-story-privacy .es-privacy .es-privacy-toggle,
body #es .es-story-privacy .es-privacy .es-privacy-toggle:hover,
body #es .es-story-privacy .es-privacy .es-privacy-toggle:hover:hover {
background-image: linear-gradient(to bottom,red 100%,#d7edff 100%) !important;
}
[/gist]
·
Thursday, 01 June 2017 23:25
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry! It is same...No change..It is not working..
·
Thursday, 01 June 2017 23:48
·
0 Likes
·
0 Votes
·
0 Comments
·
Please provide us with the link and access to the site so that we can view the changes
·
Thursday, 01 June 2017 23:49
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post