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 li.menu-item-link 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 create zebra-stripe CSS with TAL?

    CSS How to Transition from White to Background on Hover

    How to strech vertically the container of inline-blocks?

    How to create button backgrounds with css

    How to implement a web page that scales when the browser window is resized?

    How to create smooth headlines with HTML and CSS?

    How to make hover using jquery without CSS?

    Fixing GoogleMonkeyR column width issue. How to change a script's CSS?

    How to show the text overflow after showing two lines in the div using css?

    How to link an image in input text box using css

    How to add a media attribute to the CSS LINK html tag for the ASP.NET WebResource.axd Http Handler

    How to achieve “responsiveness” of this template?

    Pagination: How to display a long text as book pages?

    How to set a single value of transform while leaving the other values?

    How to convert shorthand CSS to longhand?

    I want all columns() in a
    have the equal length, how to achieve this?

    How do i resize an image based on its div width? [duplicate]

    How do I add line-height to a