Sidebar Menu CSS Changes

Hello,

I'm trying to make some changes to the sidbar menu using override.css.

I am able to see the changes using the 'Inspect Element' feature in Chrome, but not all of the edits I am making to my overide.css file are working. I'm wondering if you can help.

Here is what I am looking to achieve: http://screencast.com/t/Jp6qiuIOmkko


Here are the changes I have tried in the override file:

Code: Select all

 
/* sidebar menu */
#gk-header {
left: 270px; background: #000000;
}

#avatar-logo img, .gk-logo img {
height: 170px; max-width: 75px;
}

#gk-logo-text > span {
display: block; color: #c7c7c7;
}

#gk-menu-button > span:after, #gk-menu-button > span:before, a:hover, a:active, a:focus {
background: #c7c7c7;
color: #098ac6;
}

I hope you can help. thanks

Hi,

Rules from your override.css are not loaded properly, please check the attachment, there are some not recognized chars, which text editor are you using to edit this file? Please try to use some editor with UTF format, notepad++ for windows or i.e. sublime for macosx.