Hardwired fonts in style .css - by mleihs

This topic has 9 replies, 2 voices, and was last updated 8 years, 9 months ago ago by Jack Richardson

  • Avatar: mleihs
    mleihs
    Participant
    August 12, 2015 at 11:01

    Hi,

    I tried polishing the checkout and ran into three different fonts within the order table ( http://imgur.com/LPQwsVG ).

    When looking at style.css I find the following

    .woocommerce-checkout-review-order-table .cart-subtotal th {
      font-weight: 500 !important;
      font-family: 'Open Sans', sans-serif !important;
    }
    .woocommerce-checkout-review-order-table .cart-subtotal td {
      text-align: right;
    }
    .woocommerce-checkout-review-order-table .shipping th {
      /* font-family: 'Open Sans', sans-serif !important; */
      font-weight: 500 !important;
    }
    .woocommerce-checkout-review-order-table .order-total th {
      font-size: 18px !important;
      font-weight: 500 !important;
      border-bottom: none;
    }
    .woocommerce-checkout-review-order-table .order-total td {
      text-align: right;
      border-bottom: none;
    }
    .woocommerce-checkout-review-order-table .order-total span.amount {
      color: #000 !important;
      font-family: Georgia;
      font-size: 24px;
      font-weight: 400;
    }

    Why are there hard wired font settings within the css file?

    Do they serve a purpose or can I remove them?

    Best regards

    8 Answers
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 12, 2015 at 12:20

    Hello,

    You can overwrite styles in child style.css. You can remove “!important” from parent style.css in order to make your own changes.

    Best regards,
    Jack Richardson.

    Avatar: mleihs
    mleihs
    Participant
    August 12, 2015 at 16:19

    But why are there hard wired font settings + “!important” In the base css of Legenda? What’s the point of this?

    Please explain.

    Best regards,

    Avatar: mleihs
    mleihs
    Participant
    August 13, 2015 at 22:47

    ?

    Best regards,

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 14, 2015 at 07:36

    Hello,

    This was used to overwrite Woocommerce styles according to the theme design. If you want to change it you can remove “!important” from Legenda style.css and write your code in child style.css.

    Best regards,
    Jack Richardson.

    Avatar: mleihs
    mleihs
    Participant
    August 14, 2015 at 10:45

    Hello,

    I still don’t get it. Not anyone wants to use ‘Open Sans’. What about assigning the body font that’s set in the theme options and dropping the hard wired definition?

    Changing files of the base theme is bad because the changes are lost after the next update.

    Best regards,

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 14, 2015 at 11:21

    Hello,

    We’ll fix it in the next theme update.
    Now you can remove “!important” for your changes to take effect.

    Best regards,
    Jack Richardson.

    Avatar: mleihs
    mleihs
    Participant
    August 14, 2015 at 14:57

    Hello,

    ok. Thank you!

    Best regards,

    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    August 14, 2015 at 15:03

    Hello,

    You’re welcome.

    Best regards,
    Jack Richardson.

  • Viewing 9 results - 1 through 9 (of 9 total)

The issue related to '‘Hardwired fonts in style .css’' has been successfully resolved, and the topic is now closed for further responses

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.