By Emilio Navas on Wednesday, 21 December 2016
Posted in Elegant
Likes 0
Views 1.3K
Votes 0
Hello,
I want to change the blue color in the fonts of Elegant to red. Surfing the Elegant forum I found that I can di adding something like this in my custom.css:



a {
color: #ff0000 !important;
}


Is just on this way?
I tried but I can't get the changes.

Thanks.
Emilio.
Hi there,

Actually, when i access your site, it seems that everything shown "Red" as you can see here http://screencast.com/t/aXYnC4mFePz and it seems that it is already override as you can see here http://screencast.com/t/AglbAIC1i. Maybe you referring to other font in your elegant and can you provide us with your backend and FTP access for further check on this issues. Please advice.
·
Wednesday, 21 December 2016 12:16
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Abdul,
thank you very much for your answer.
You are right. I don't know what is happening with my cache. Now looks Ok.

But now that you ask, There are some small adjustments that I want to do too. The blue buttons doesn't match now with the rest and I want to know if is possible to keep the menu in elegant black ;-)
I suppose that I can do this overwriting the styles one by one in the custom CSS using something like de Devtools of Chrome to know the exact name of each section. Am I right?
·
Wednesday, 21 December 2016 12:31
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

I suppose that I can do this overwriting the styles one by one in the custom CSS using something like de Devtools of Chrome to know the exact name of each section. Am I right?

Yes you are. You can inspect element each of those items you want to change as shown http://screencast.com/t/fyOnQjXsT3sl. Can see their class and override it by putting "!important" behind every custom css you did. I have find out each css you need to do override as you can below.

.main-menu .elegant-menu > li a {

color:red !important;
}

#es .btn-es-primary {
color:red !important;

}
#es .o-tabs--stacked .o-tabs__item.active .o-tabs__link {
border-right: 2px solid red !important;
}


Please give it a try and see how it goes.
·
Wednesday, 21 December 2016 12:54
·
0 Likes
·
0 Votes
·
0 Comments
·
Thank you very much Abdul!
I will work with patience on this. Looks tedious, but for sure worth the time to do.
·
Wednesday, 21 December 2016 13:43
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi there,

You are most welcome. Glad to hear that your issue has been resolved now.

As a gentle reminder, kindly start a new thread if you have any other issue in the future so it will be easier for us to manage your inquiry. I will lock and mark this thread as resolved.
·
Wednesday, 21 December 2016 13:47
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post