How to change size of icons?

[liam62244]

as per a previous post. I used the below code to update the profile menu to have nice icons. But they are too large. How can I make them about 40% smaller?

.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {

    color: #6f6f6f;

    display: block;

    height: 40px;

    line–height: 40px;

    padding: 15px 20px;

    font–size: 12px;

    text–transform: uppercase;

    font–family: inherit;

    font–weight: normal;

}

.tabs.info dd a, .tabs.info li a, #main #object-nav ul li a {

    color: #C3C3C3 !important;

    display: block;

    font–size: 13px;

    height: 40px;

    line–height: 40px;

    padding: 0px 10px;

}

a#user-notifications:before {

    content: “\f0a2” !important;

}

a#user-activity:before {

    content: “\f039” !important;

}

a#user-xprofile:before {

    content: “\f007” !important;

}

.tabs.info dd.active a, .tabs.info li.active a, #object-nav ul li.current a, #object-nav ul li.selected a, .tabs.info dd.active, .tabs.info li.active, #object-nav ul li.selected, #object-nav ul li.current {

    border: none !important;

}

div#item-nav {

    margin–top: –10%;

    width: 160%;

}

a#user-messages:before {

    content: “\f003” !important;

}

a#user-friends:before {

    content: “\f0c0” !important;

}

a#user-friends:before {

    content: “\f118” !important;

}

a#user-forums:before {

    content: “\f0e6” !important;

}

.item–list–tabs.no–ajax#object-nav a:before {

    font: 400% “FontAwesome”;

    content: “\f144”;

    display: block;

    text–align: center;

    transition: all 0.4s ease–in–out 0s;

}

a#user-settings:before {

    content: “\f013” !important;

}

div.item–list–tabs#object-nav {

    margin–top: 0;

    color: #6f6f6f;

    display: block;

    height: 40px;

    line–height: 40px;

    padding: 15px 50px 50px;

    font–size: 12px;

    text–transform: uppercase;

    font–family: inherit;

    font–weight: normal;

}

div#item-nav {

    margin–top: –10%;

    width: 160%;

    padding–bottom: 60px;

}

.tabs.info, #object-nav ul {

    list–style: none;

    border–bottom: solid 1px #e6e6e6;

    display: block;

    height: 100px;

    padding: 0;

    margin–bottom: 40px;

}

div#bp_core_members_widget-7 {

    color: #777777;

    margin–top: 25%;

}

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try to replace this

COPY CODE

.item–list–tabs.no–ajax#object-nav a:before {
    font: 400% “FontAwesome”;
    content: “\f144”;
    display: block;
    text–align: center;
    transition: all 0.4s ease–in–out 0s;
}

With this

COPY CODE

.item–list–tabs.no–ajax#object-nav a:before {
    font: 200% “FontAwesome”;
    content: “\f144”;
    display: block;
    text–align: center;
    transition: all 0.4s ease–in–out 0s;
}

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 🙂

[liam62244]

This reply has been set as private.

[Laura]

Hello, i see, please try this then, replace the last code i sent you with

COPY CODE

.item–list–tabs.no–ajax#object-nav a:before {
    font: 400% “FontAwesome”;
    content: “\f144”;
    display: block;
    text–align: center;
    transition: all 0.4s ease–in–out 0s;
    font-size:12px !important;
}

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 🙂

[liam62244]

This reply has been set as private.

[liam62244]

icons not showing and the it goes into the sidebar

[Laura]

Hello, can you share admin credentials with me? So i can see it

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 🙂

[liam62244]

This reply has been set as private.

[Laura]

Hello, can you add the code so i can see it? right now i do not see any icon

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 🙂

[Author]

Posts