Icon in attribute

  • Resolved nvdeals

    (@nvdeals)


    3 years, 3 months ago

    Hello Team

    I am using this css code

    .woocommerce-product-attributes-item__value::before {
    content: “\f058”;
    font-family: ‘Font Awesome\ 5 Free’;
    display: inline-block;
    font-size: 25px !important;
    color: green !important;
    padding-right: 10px
    }
    and got this result https://prnt.sc/20o7bq9 please help me in this make this icon inline and also i want only this icon with value {yes} https://prnt.sc/20o7hjf please help me in this…… issue url https://bit.ly/3r3ttxl

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter nvdeals

    (@nvdeals)

    I have fixed inline issue check this new updated

    I am using this css code

    .woocommerce-product-attributes-item__value::before {
    content: “\f058”;
    font-family: ‘Font Awesome\ 5 Free’;
    display: inline-block;
    font-size: 25px !important;
    color: green !important;
    padding-right: 10px
    }
    this code for inline block

    .woocommerce-product-attributes-item__value p {
    display: inline-block;
    }
    and got this result https://prnt.sc/20o9ahv please help me in this i want only this icon with value yes https://prnt.sc/20o9d8k please help me in this…… issue url https://bit.ly/3r3ttxl`

    Hi @nvdeals,

    I took a look at the site just now and it appears that you were able to get this working. Here’s what I’m seeing.

    If you still have trouble, let me know.

    Cheers

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Icon in attribute’ is closed to new replies.