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

up vote -2 down vote accepted

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;

}

Line:911

  • 1
    As soon as the SASS is compiled all the changes would be lost. Should at least edit the _var.scss like osrecio suggested. – chaoticgeek Nov 11 '14 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. – Reid Blomquist Nov 11 '14 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 acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.

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