This topic has 4 replies, 2 voices, and was last updated 8 years by Loyal_Customer.

  • Author
  • #93081
     Loyal_Customer
    Participant

    Hello,

    How can I change the blue checkmark icons on the Membership Levels page to a different icon?

     

    Thank you.

    #93286
     Laura
    Moderator

    Hello, yes, here its the code, just change it for another FontAwesome icon coe 🙂

    COPY CODE
    
    .membership .bullet-item:before {
        font: 13px 'FontAwesome';
        content: "\f058" !important;
        color: #0095c2;
        margin-right: 6px;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #93341
     Loyal_Customer
    Participant

    Okay, thanks 🙂

    I would like to make the words larger— The text on the top portion of the panel and next to the checkmarks. How can I adjust the text size for these boxes?

    Attachments:
    You must be logged in to view attached files.
    #93744
     Laura
    Moderator

    Hello, this will change the font size

    COPY CODE
    
    ul.pricing-table.kleo-level-4 li {
        font-size: 18px !important;
    }
    

    To change checkmark icon:

    COPY CODE
    
    .membership .bullet-item:before {
        font: 13px 'FontAwesome';
        content: "\f041" !important;
    }
    

    Checkmark color

    COPY CODE
    
    .membership .bullet-item:before {
        color: red !important;
    }
    

    Hide checkmark

    COPY CODE
    
    .membership .bullet-item:before {
    display:none !important;
    }
    

    Box colors

    COPY CODE
    
    .membership .pricing-table .title, .membership .pricing-table .price {
        border-color: #000000;
        background: #000;
        color: white;
    }
    .membership .pricing-table .description {
        background-color: #FFFFFF;
    }
    .pricing-table .bullet-item {
        background-color: #1B1B1B;
        padding: 15px;
        text-align: center;
        color: #FFF;
        font-size: 14px;
        font-weight: normal;
        border-bottom: dotted 1px #272727;
    }
    
    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

    Laura Solanes - Graphic Designer and Web Designer

    Please be patient as I try to answer each topic as fast as i can.

    If you like the theme or the support you've received please consider leaving us a review on Themeforest!

    Always happy to help you 🙂

    #93783
     Loyal_Customer
    Participant

    Thank you!

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

You must be logged in to reply to this topic.

Log in with your credentials

Forgot your details?