Change Woocommerce Price Font Weight

  • selbers

    (@selbers)


    5 years ago

    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

    Thread Starter selbers

    (@selbers)

    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

    Thread Starter selbers

    (@selbers)

    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;
    }

    Thread Starter selbers

    (@selbers)

    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

    Thread Starter selbers

    (@selbers)

    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.