Support » Theme: Ascend » Change Woocommerce Price Font Weight

  • Hi there,

    I have tried to change the font weight for the product price on both the shop archive and single product pages without luck.

    I’ve tried adding a million different !important css rules but none work. The price is stuck on a font weight of 600.

    Any idea what I can do?

    Thanks in advance!

Viewing 8 replies - 1 through 8 (of 8 total)
  • hannah

    (@hannahritner)

    Hey,
    Can you post a link?
    Thanks!

    Hannah

    Hi Hannah,

    Apologies for late reply.
    Link at https://ecoegg.co.za

    hannah

    (@hannahritner)

    This css should work for me:

    .price {
        font-weight: 400;
    }

    Hope it helps!

    Hannah

    Yes it works when using Chrome Inspector, but not on custom css.

    I’ve tried all the below code css (in Ascend’s custom css box) without any success.

    .price {
    font-weight: 400;!important
    }

    span.price {
    font-weight: 400px!important;
    }

    span.woocommerce-price-amount.amount {
    font-weight: 400px!important;
    }

    .product_item .details_product_item {
    font-weight: 400px!important;
    }

    .product_item .price {
    font-weight: 400px!important;
    }

    Sorry, please ignore the “px” in all lines, those aren’t in the actual css

    hannah

    (@hannahritner)

    You have an open media query in your css. Here:

    @media (max-width: 768px) {
        .woocommerce ul.products li.product, 
        .woocommerce-page ul.products li.product {
            width: 100%;
            float: none;
    }

    That is affecting all css being added after it. Just need an add a closing bracket and you should be set.

    Hannah

    Aaaah thanks so much! That was it!

    I REALLY appreciate it!

    Have a great day.

    Suné

    hannah

    (@hannahritner)

    Happy to help:)

    Hannah

Viewing 8 replies - 1 through 8 (of 8 total)
  • The topic ‘Change Woocommerce Price Font Weight’ is closed to new replies.