Checkmarks

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

Author
December 14, 2015 at 06:17 #93081

Loyal_Customer
Participant

Hello,

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

Thank you.
December 15, 2015 at 01:51 #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 🙂
December 15, 2015 at 11:44 #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.
December 17, 2015 at 01:00 #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 🙂
December 17, 2015 at 04:02 #93783

Loyal_Customer
Participant

Thank you!
Author

Posts

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

You must be logged in to reply to this topic.

Attachments:

Search KB

Log in with your credentials

Forgot your details?