Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1318521
    #1318910

    Hey ihawkr14,

    Thank you for the inquiry.

    The plugin automatically applies unique class names to the body tag for each account subpage, e.g. woocommerce-payment-methods for the payment method page, woocommerce-billing-address for the billing address page, so on and so forth. You can use those class names to adjust the style of an icon or link when viewing a corresponding sub page.

    .woocommerce-payment-methods .avia-icon-list li:nth-child(3) .iconlist_icon {
        background: orange;
    }
    

    The code above should adjust the background color of the third icon in the list when viewing the payment methods page. For the billing address, this should work.

    .woocommerce-billing-address .avia-icon-list li:nth-child(1) .iconlist_icon {
        background: orange;
    }
    

    We could also create a custom script that checks for the current page and apply a background to the corresponding link, but that would a bit more complicated.

    Best regards,
    Ismael

    #1319005

    Hi Ismael,

    Pardon my ignorance, but where should I put these codes? I have tried Snippets(we don’t have a child theme), Custom CSS under Appearances > Customize, as well as Custom CSS under the element settings as well and haven’t been able to get this to work..

    Really appreciate your patience!

    #1319448

    Hi,

    Thank you for the update.

    You can add the code in the Enfold > General Styling > Quick CSS field, or in the child theme’s style.css file, whichever you prefer. You may need to toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css. Please note that the css above will only adjust the style of first and third icon, in the billing and payment pages, respectively. You have to add more css just like those to adjust the style of the other icons.

    Best regards,
    Ismael

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.