Members loop

[allana]

Can you tell me how it is possible to chane the background colour to the members loop area

[Laura]

Hello, please try by adding this to style.css of child theme

COPY CODE

.directory.members .main-content.container-fluid {
    background: red !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 🙂

[allana]

Unfortunately,it didnt work. any other ideas>?
Many thanks

[Laura]

Hello,try by adding I to quick CSS instead at theme options

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 🙂

[allana]

That does work now, thanks for that, however there are two further issues I hoped you could assist me with:

1/ It works only on the members loop page, but doesnt appear on the members loop elsewhere – i had some custom work done to put the members loop into the same page where the buddypress profile area is. Do you know i could use the ccs to affect the colors in that buddypress page too?

2/ Is there any way to prevent the colored background affecting the colour of the individual members boxes? I assume because they are transarent they are also turning the same color as the background color. Is there any way to control the color of the members boxes?

Kind regards

Allan

[Laura]

Hello 🙂
1- Yes!
Here

COPY CODE

.profile .main-content.container-fluid {
    background: red !important;
}

If it doesnt work please share access
2- Yes, use this

COPY CODE

ul#members-list .item-wrap {
    background: white !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 🙂

[allana]

This reply has been set as private.

[allana]

This reply has been set as private.

[allana]

This reply has been set as private.

[Laura]

Hello, try

COPY CODE

.profile form#members-directory-form {
    background: red !important;
}
.profile div#item-body {
    padding-left: 0px !important;
    margin-left: 248px;
}
.profile .item-wrap {
    background: white !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 🙂

[allana]

This reply has been set as private.

[Laura]

Hello, responsiveness works great but make sure you are actually viewing a size that is used by a device, for example 1024px, 1440px, 768px… because the “between” those might look weird, but that its because its moving to the other size, so an actual users of one of those devices, would never see that “between” bugs

Let me know at what screen size do you see it and i will check it out 🙂

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 🙂

[allana]

This reply has been set as private.

[Laura]

Hello, i’m trying to view your profile but its not loading for me, everything else does but the profile, there seems to be a problem with the custom code

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 🙂

[allana]

Could yu try again now pls.

[Laura]

Here the fix, add to style.css of child theme, i think its related to custom css you added

COPY CODE

@media screen and (max-width: 600px) {
div#item-body {
    margin-left: 0px !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 🙂

[allana]

Wonderful thank you Laura.

[Laura]

Always happy 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 🙂

[Author]

Posts