All about Magento E-commerce Store.......MagentoForum: style setting
Showing posts with label style setting. Show all posts
Showing posts with label style setting. Show all posts

Monday, February 28, 2011

How to change a font style in Magento

 

In case you need to edit fonts in the Magento store you should follow the steps below: 

1. All the modifications should be done in the "/skin/frontend/blank/themexxx/css/styles.css" file 

2. Download this file to your computer and open it with your HTML editor. The .CSS file is structured in a user-friendly way, so you can locate any style quite easily. As you can see, the file is divided into sections so you can see the  kind of the store style you are changing. 

3. Let's start from the page title. In the .CSS file we need to find the "Page Heading" section. Here are the lines where we can change the page title. 

4. When you are done, save the file and upload it to your server 

5. Refresh the page to see the changes 

You can change any other text in your Magento store the same way: 

    - The box titles can be changed in the "Sidebar" section. 
    - The product price style can be found in the "Product Prices" section. 
    - The product title style is in the "Block: Reviews" section.

How to change a category menu style

 

For changing the categories menu style you should follow the steps below: 

1. Download "skin/frontend/blank/themeXXX/css/styles.css" file to your computer and open it with your HTML editor 
2. Once you are in your HTML editor, you may want to scroll down through the document to find the menu styles or use the search tool (CTRL+F). You should look for the navigation section. 
3. In this section you can change the font style of the main menu buttons 
4. When you are done, save the file and upload it to your server 
5. That's it!