Changing the font size

In this lesson, the font size of the storefront page is changed by modifying the font-size attribute in the CSS file.

Procedure

  1. In the Enterprise Explorer view, navigate to Stores > WebContent > Madisons > css.
  2. Open the common2_1.css file:
    1. Find a, fieldset and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 10 with the value 12.
    2. Find .sidebar_header_link and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 12 with the value 14.
    3. Find #footer p and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 10 with the value 12.
  3. Save your changes and close the file.
  4. Open the common2_2.css file:
    1. Find a, fieldset and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 10 with the value 12.
    2. Find .sidebar_header_link and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 12 with the value 14.
    3. Find #footer p and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 10 with the value 12.
  5. Save your changes and close the file.
  6. Open the common2_3.css file:
    1. Find a, fieldset and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 10 with the value 12.
    2. Find .sidebar_header_link and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 12 with the value 14.
    3. Find #footer p and perform the following changes:
      1. Locate font-size in the class definition
      2. Replace the value 10 with the value 12.
  7. Save your changes and close the file.