How to change color Buddypress profile

[szmek9]

Hi
How I can change colors of objects marked in red in attatched photo. Also active icon color.

[szmek9]

I forgot to attatch image

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, to change all icons, add this to style.css of child theme then change color

COPY CODE

div#item-nav li a:before {
    color: blue !important;
}

To change just the shop icon, use this

COPY CODE

a#user-orders:before {
    color: blue !important;
}

Line Color:

COPY CODE

div#item-nav {
    border-bottom-color: blue !important;
}

Header meta

COPY CODE

.is-user-profile div#item-header div#item-header-content h4, .is-user-profile div#item-header div#item-header-content a, .is-user-profile div#item-header div#item-header-content .label, .is-user-profile div#item-header div#item-header-content span.activity, .buddypress.is-user-profile div#item-header div#item-actions h3, .is-user-profile div#item-header div#item-meta {
    color: blue !important;
}

Edit menu item

COPY CODE

a#edit {
    color: blue !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 🙂

[szmek9]

thanks for the reply. How can i change just the color of active tab. Like in photo.

Attachments:

You must be logged in to view attached files.

[Laura]

Hello, try this then

COPY CODE

#buddypress div#item-nav ul li.current a:before {
    color: blue !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 🙂

[szmek9]

Thanks for help. It worked.

[Laura]

Glad to help 🙂

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 🙂

[mlvc1958]

Ive followed these steps but ive lost the hover easing state.
can you show me the css for this original state that buddypress had.

[Laura]

Hello, what do you mean by hover? This code doesnt change the hover style

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 🙂

[btroesch]

I put the above code in the style.css of the kleo child theme, however, it does not work (see attachement). Am I doing something wrong?

Attachments:

You must be logged in to view attached files.

[btroesch]

problem solved

[Laura]

Glad you could resolve 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 🙂

[Author]

Posts