Jul 29, 2008
Magento Custom.css
I am making the switch to Magento. In the process I'm sure I'll be learning a lot. I'm going to be posting what I learn here for a couple of reasons:
1. for my own documentation, so I can look back and see what I did
2. for your instruction, if you run into the same problem I did I hope this helps.
Custom.css is not included by default.
Add the following line to your page.xml
<action method="addCss"><stylesheet>css/custom.css</stylesheet></action>
Then you will need to update your cache
Go to the Admin. Click System >> Cache Management. Select "Refresh" from the list and click save in the upper right.
At this point, any changes you see in custom should start appearing in you site.
5 Comments, Comment or Ping
dimi
Great site!
I can't wait for your comments on this platform. I am also just starting on it.
warm regards
dimi
Aug 4th, 2008
John
Hi – where can I find "page.xml"?
Thanks for this tip – just trying to figure this out – John
Aug 5th, 2008
cwpollock
/app/design/frontend/default/default/layout
Here are some helpful Magento links
http://www.magentocommerce.com/wiki/basic_magento_directory_overview
http://www.magentocommerce.com/design_guide/articles/intro-to-layouts
Aug 5th, 2008
Kristina
How do you assign that new CSS file to a medium (e.g. "screen," "print," "handheld")?
Jun 8th, 2010
LD
Here's a really simple way of adding a css file to a page:
http://www.yireo.com/tutorials/magento/magento-theming/703-video-magento-addcss-to-single-cms-page
Add this to Layout Update XML for the page of your choosing:
../yireo/css/custom.css
media="screen"
Sep 19th, 2011
Reply to “Magento Custom.css”