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

[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

[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

[allana]

Dear Laura, thanks.

It did work except that it turned the whole background red and I am looking only to colour the section of the page where the members loop is (the members loop now sits in the profile page after some custom code)

Wordpress Login
http://coparent-network.co.uk/wp-login.php
User: coparents_admin
Pass: F20a&(3JD^AiZMI5x5u43NBl

FTP login
https://ds45.reliablehosting.com
coparentsnetwork
^TLf=6f61IB%

Regards,
Allan

[allana]

Please set the above message as private as i forgot :/

[allana]

Dear Laura,

I would apppreciate it if you could deleate that public post with my login details. I have changed the passwords. The new login details are below:

Wordpress Login
http://coparent-network.co.uk/wp-login.php
User: coparents_admin
Pass: MHHLadhHAyLzS7%G^%%P$^*f

FTP login
https://ds45.reliablehosting.com
coparentsnetwork
9Uo-ece-rZM-eQM

[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

[allana]

Laura, thats so great, thanks very much.

It works very well the way you have done it, I just wondered if you could have a quick look at my screenshots below to see what is happening when i narrow the size of the browser..
The page rearranges itslef with the responsiveness, which is fine, except after the change, there is a large margin to the left. Do you know what is happening here, and what might be done to prevent it?

Kind regards

Allan

[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

[allana]

Ive checked this out on my iphone and the issues appears to remain. Ive attached a screen shot..as you’ll see the image at the top and the profile icons are in place perfectly, but everything else below it is pushed far to the right.
With regards,
Allan

[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

[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

[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

[Author]

Posts