By Camilla on Friday, 15 August 2014
Posted in General Issues
Replies 3
Likes 0
Views 882
Votes 0
Hi,

Now I have tried several times with different solutions and I'm still having a hard time changing the colors in EasySocial....
I have created a custom.css and linked it to index.php in the frosty theme.
Some of my code is working.. If I change the blue color in toolbar it sometimes shows the new color and after a couple of refreshing the page it returns to its blue color again... Why?
Now I can't change the color.

I can't remember what to do if I want to see the change right away? Now I have to wait a long time and delete cache to see the change on the page.
Hello Camilla,

Can you please provide us with the css code that you have added on the site? I will try to make some adjustments for you.
·
Friday, 15 August 2014 14:42
·
0 Likes
·
0 Votes
·
0 Comments
·
Right now this is what's in my custom.css:

/* EASYSOCIAL */
/* AVATAR */
body div#fd.es .es-toolbar .es-toolbar-avatar {
background-image: linear-gradient(to bottom, #d5d5a4 0px, #d5d5a4 100%);
background-repeat:repeat-x;
border: none;
}
/* toolbar */
body div#es-wrap .es-toolbar .navbar-inner {
background-image: -ms-linear-gradient(top, #c1e2e1 0%, #c1e2e1 100%) !important;
background-image: -moz-linear-gradient(top, #c1e2e1 0%, #c1e2e1 100%) !important;
background-image: -o-linear-gradient(top, #c1e2e1 0%, #c1e2e1 100%) !important;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c1e2e1), color-stop(1, #c1e2e1)) !important;
background-image: -webkit-linear-gradient(top, #c1e2e1 0%, #c1e2e1 100%) !important;
background-image: linear-gradient(to bottom, #c1e2e1 0%, #c1e2e1 100%) !important;
}

body div#es-wrap .es-toolbar .es-navbar-search, body div#es-wrap .es-toolbar .es-navbar-search .search-query {
background: #f8b3b1 !important;
}
/* Links i toolbar */
body div#fd a, body div#fd a, body div#fd a <!-- farve for links i toolbar -->
{
color:#ffffff !important;
}
body div#fd a:hover, body div#fd a:focus, body div#fd a:active <!-- hoverfarve for links i toolbar -->
{
color:#f8b3b1 !important;
}

I have tried codes from other threads too...
Links in toolbar changed color once but now it's the "normal" color again.
On my old page it worked fine, I can't see what I'm doing wrong with this one..
I have tried to upload my old custom.css and it still not shows the right colors.

Thank you for your time
·
Friday, 15 August 2014 15:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Camilla,

I am really sorry, I missed your thread earlier. I have checked your css codes and it looks like there are tons of syntax errors. You can never use html comments in a css code. If you want to add comments, your comments should be css comments block.

I have modified the file /templates/retrolook/css/custom.css for you and the toolbar displays the correct coloring now.
·
Saturday, 16 August 2014 23:44
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post