How do I change the admin header color in Magento?


Tags: css,magento,admin

Problem :

I'm re-skinning Magento's admin dashboard. How do I change the color of the top nav (the portion that is behind the logo)? I assume this is a CSS change but I can't seem to find the line of code to change this.



Solution :

Try line 527 in DOCROOT\skin\adminhtml\default\default\boxes.css

.header { background:url(images/header_top_bg.gif) repeat-x #425e66; text-align:right; }

The colour is mostly coming from the background image.

JD


    CSS Howto..

    How i can get the td data getting from css to attach to my current row ,and use for my logic

    How to override CSS style assigned to element

    How can I get a div just inside an input at 0% and 100%?

    CSS How to get rid of border that appears around custom button on and after click

    CSS how to style the “content”/“background” attribute of a custom checkbox tick sign?

    nth-of-type css, how to setup it properly

    How can I change Github markdown background?

    CSS check box, how to make an item unchecked only if another one is checked

    How to center my menu bar with css. (I am using Microsoft Expression Web 4)

    How to get horizontal scrollbar to appear beneath content?

    Portrait screen with 2 pages but only one of them should show

    How to fit a big picture in a smaller space

    How do you create a html scrollable area, that just uses the main browser scrollbar

    How to show two rows of div in single div

    how to find a class and apply a style with jquery?

    How do I provide navigation options on the sides of a centered logo?

    How can you grab elements in dom and apply different css without id?

    How can I pipe the output from gulp-w3c-css to the console

    How to ignore comments in sass partial files?

    How can I tell if a particular CSS property is inherited with jQuery?

    How to handle hiding dynamic elements in JQUERY with different names but same CSS class

    How to get and set CSS class in TinyMCE editor?

    Show/Hide function between JS, CSS, and HTML

    CSS How to keep bodies of html file and included files from merging?

    How to make a different flip animation using CSS?

    How to set min-height for bootstrap container

    CSS / HTML: How to force horizontal scrollbar when table does not fit on screen?

    how to center a webpage in CSS

    Implementing a select element in my form, but unsure how to grab user selection for a list

    How to remove the blue halo glow from jQuery Mobile input elements that receive focus