Change Color of Buttons and Menu Text
By Daniel Pierce on Friday, 12 September 2014
Posted in General Issues
Replies 7
Likes 0
Views 1.4K
Votes 0
StackIdeas,

Based on the information in the Forum I've been able to modify the Toolbar color in EasySocial and it it looks great by adding a custom.css entry to my Purity III template. I'm using the Frosty Theme.

Can you tell me what I would need to add to the custom.css to change the following items color.

> "+ Create Group" blue button on Groups Page
> "Install" and "UnInstall" button on Applications Page
> Color of Text when roll over highlight in menu below toolbar in Frosty and in side menus

I've attached my custom.css file
Thanks
Support,

I was able to change the Custom.CSS file to do the color change by making the following additions.



/* NavBar SubMenu Link for Frosty */

body div#fd.es .es-mainnav>li>a:hover {

	color: #BB0000 !important;

}

body div#fd.es .es-mainnav>li.active>a {

	color: #BB0000 !important;

}

/* Button Color */

body div#fd.es .btn-es-primary{

	background-color: #BB0000 !important;

	border-color: #BB0000 !important;

}


Thanks for pointing me in the right direction.
Dan
Daniel Pierce
·
Tuesday, 16 September 2014 05:15
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Daniel,

Kindly please do understand that customizations are beyond the scope of our support policy but I will assist you this time.



.es-groups .es-widget-head > .btn-primary {

    background: #000 !important;

}



.app-actions > .btn {

    background: #000 !important;

}



.frosty-mainnav li > a:hover {

    color: #000 !important;

}


Thanks for understanding.
Mark
·
Saturday, 13 September 2014 00:26
·
0 Likes
·
0 Votes
·
0 Comments
·
StackIdeas,

Unfortunately, I added the suggested code to the custom.css file, but the colors didn't change within EasySocial Frosty theme menu or buttons. It looks right, but maybe the css syntax is not correct. I will investigate more. Let me know if you have any suggested changes.

Thanks for the help.

Dan
Daniel Pierce
·
Monday, 15 September 2014 10:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hello Daniel,

Hm, I am not really sure why it's not working but if you can provide us with the URL and access to the site, I will look into this for you I guess it's probably some css conflicts?
Mark
·
Monday, 15 September 2014 13:07
·
0 Likes
·
0 Votes
·
0 Comments
·
Support

Thanks for looking at the CSS. Here are the site details.
I'm using the Purity III Template and Frosty Theme for Easy Social.
Daniel Pierce
·
Tuesday, 16 September 2014 02:51
·
0 Likes
·
0 Votes
·
0 Comments
·
Sorry,

Wrong UserName/Password, Here is the correct one.
Daniel Pierce
·
Tuesday, 16 September 2014 02:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Thanks for updating Daniel, I am glad that your issues are resolved now
Mark
·
Tuesday, 16 September 2014 14:35
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post