Magento - how to locate the location of inline css

Tags: css,magento,inline

Problem :

I want to locate the location of the css inline item so that I can edit the background color of a horizontal menu.

This is what the css looks like:

ul#megamenupro_1 a { background: none repeat scroll 0% 
0% #5EA032 !important; )

The firefox inspector is telling me that it's an inline item.

I want to change the #5EA032 colored background to another color. The thing is, it's an inline css so I don't know where to find it in magento. I tried looking in page.xml, header.phtml, theme.css, and style.css but it doesn't seem to be in any of these.

Does anyone have any suggestions on how to locate inline css items in magento, or where it could possibly be located? I would like to change the background color.

Thank you!

Solution :

Please go to

System >> Configurations >> Developer

then select the required store view from Current Configuration Scope from top left drop-down. Then under Debug tab, enable the Template Paht hints and save. Once done, refresh your frontend page, you will see paths to all files shown in red. Use firebug in Firefox browser to locate the inline css and get the file name and path.

    CSS Howto..

    How to make an image behave like in Primefaces?

    How to render no-table HTML form into two columns with CSS using classes?

    Trying to show list items vertically but two items horizontally

    How to design select box using css

    CSS: how to position buttons in groups across a row on a web page

    How to draw a shape using a piece of image in php

    HTML/CSS: How to get some text to align on right and other text on left on same line of table cell

    UI Challenge - how to draw “connectors” between elements?

    Django-Bower + Foundation 5 + SASS, How to configure?

    How to keep footer at bottom of screen using jQuery

    How do I scroll d3 elements while keeping a portion of the svg in a fixed position?

    how to manage Css Floats

    How to enlarge and shrink an element in a loop animation through jquery or CSS

    Css When having 2 bg-image, how to have 1 to extend out of the grid

    How can I resize svg using CSS?

    How to display an image from a dropdown menu selection?

    How to make images stay on one long line?

    Force jQuery show/hide to respect display: table?

    How to scale image with with transition CSS? [closed]

    How to load jQuery before CSS code?

    How to make a css navigation menu “selected” option still clickable

    HTML & CSS: How do I completely remove the scroll-bars on the side of

    CSS: how to apply styles to the last of a CSS class (not the last of )

    How to completely show hide tabs on onclick event in HTML CSS Javascript

    How to use nify javascript to make round corner box? Im using but not working

    how to display data in html

    How to include css and jquery in joomla component

    How do I find space between lines in HTML?

    How to generate CSS using Garden with ClojureScript (lein-garden)

    In CSS, how to create automatic section numbering only when there are multiple sections?