I would like to customize my magento home page.

  1. How to Edit fonts in magento rwd theme to default theme font?
  2. How to edit color of the text in homepage?

enter image description here

2 Answers 2


You may edit the skin\frontend\rwd\default\css\style.css. You will find the button class with font-family and color

.button, .cart-table .product-cart-actions .button, #co-shipping-method-form .buttons-set .button, .footer .button {
background: none repeat scroll 0 0 #3399cc;
border: 0 none;
color: #ffffff;
display: inline-block;
font-family: -moz-fixed,"Helvetica Neue",Verdana,Arial,sans-serif;
font-size: 13px;
font-weight: normal;
line-height: 19px;
padding: 7px 15px;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
white-space: nowrap;



  • 1
    As soon as the SASS is compiled all the changes would be lost. Should at least edit the _var.scss like osrecio suggested. Commented Nov 11, 2014 at 20:07
  • 2
    You shouldn't edit the default rwd files, but should instead properly customize it using theme fallback architecture documented in the other answer to this question. Also, you should make these changes to the scss file and recompile. Commented Nov 11, 2014 at 20:09

You need modify the file _var.scss inside /skin/frontend/rwd/scss

But to understand how works the theme you need read this: http://www.magentocommerce.com/knowledge-base/entry/ee114-ce19-rwd-dev-guide

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.