Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1324801

    I would like to remove the green line. I don’t know exactly where this comes from. I would also like to highlight “Free Shipping” with a green background and white text.

    #1324893

    Hey combra,

    Thank you for the inquiry.

    The border is from this css rule.

    span.wc-gzd-additional-info.shipping-costs-info {
        border: 3px solid #13c416;
        padding: 10px 10px 10px 10px;
        border-right: 0;
        border-top: 0;
        border-bottom: 0;
        font-weight: 700;
    }
    

    You can override it and remove the border by adding this css code.

    span.wc-gzd-additional-info.shipping-costs-info {
        border: none;
    }
    

    You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.

    Best regards,
    Ismael

    #1325060

    Hi,

    added the code to quick css. It dosent worked.

    Best regards
    Alex

    #1325120

    Hi Alex,

    Please add !important as following

    span.wc-gzd-additional-info.shipping-costs-info {
        border: none !important;
        color: red; 
    }

    Best regards,
    Yigit

    #1325135

    Thanks Yigit.

    #1325138

    Hi,

    You are welcome, Alex :)

    Best regards,
    Yigit

Viewing 6 posts - 1 through 6 (of 6 total)

The topic ‘customize product page’ is closed to new replies.