Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • October 13, 2021 at 6:37 pm #1324801
    combra

    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.

    October 14, 2021 at 10:30 am #1324893
    Ismael

    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

    October 15, 2021 at 9:35 am #1325060
    combra

    Hi,

    added the code to quick css. It dosent worked.

    Best regards
    Alex

    October 15, 2021 at 2:08 pm #1325120
    Yigit

    Hi Alex,

    Please add !important as following

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

    Best regards,
    Yigit

    October 15, 2021 at 2:58 pm #1325135
    combra

    Thanks Yigit.

    October 15, 2021 at 3:15 pm #1325138
    Yigit

    Hi,

    You are welcome, Alex :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘customize product page’ is closed to new replies.