Home Forums WoodMart support forum how to change ul list style?

how to change ul list style?

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #55936

    Wisdoo
    Participant

    I want to change li:before styling in the ul list

    i find the code as
    .wpb_wrapper>ul>li:before {
    content: “\f110”;

    How to change it to other styles?

    #55977

    Bogdan Donovan
    Keymaster

    You can change list icon to any icon from FontAwesome 4.7 set. Choose the icon from this list (https://fontawesome.com/v4.7.0/icons/) and add it Unicode (https://prnt.sc/jdjm1x) to the following code snippet content: "\f111";. Then try to add the code snippet to the Custom CSS area in Theme Settings.

    .comments-area .comment-body ul>li:before, .entry-content>ol ul>li:before, .entry-content>ul ul>li:before, .entry-content>ul>li:before, .header-banner-container>ol ul>li:before, .header-banner-container>ul ul>li:before, .header-banner-container>ul>li:before, .hover-content-inner>ol ul>li:before, .hover-content-inner>ul ul>li:before, .hover-content-inner>ul>li:before, .order-list ul>li:before, .portfolio-single-content>ol ul>li:before, .portfolio-single-content>ul ul>li:before, .portfolio-single-content>ul>li:before, .textwidget>ol:not(.menu) ul>li:before, .textwidget>ul:not(.menu) ul>li:before, .textwidget>ul:not(.menu)>li:before, .unordered-list ul>li:before, .unordered-list>li:before, .wc-tab-inner>div>ol ul>li:before, .wc-tab-inner>div>ul ul>li:before, .wc-tab-inner>div>ul>li:before, .woocommerce-product-details__short-description>ol ul>li:before, .woocommerce-product-details__short-description>ul ul>li:before, .woocommerce-product-details__short-description>ul>li:before, .woocommerce-terms-and-conditions>ol ul>li:before, .woocommerce-terms-and-conditions>ul ul>li:before, .woocommerce-terms-and-conditions>ul>li:before, .woodmart-entry-content>ol ul>li:before, .woodmart-entry-content>ul ul>li:before, .woodmart-entry-content>ul>li:before, .woodmart-text-block>ol ul>li:before, .woodmart-text-block>ul ul>li:before, .woodmart-text-block>ul>li:before, .wpb_text_column .wpb_wrapper>ol ul>li:before, .wpb_text_column .wpb_wrapper>ul ul>li:before, .wpb_text_column .wpb_wrapper>ul>li:before {
        content: "\f111";
        font-family: "fontawesome";
    }

    Regards

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