[SandraParticipant]

As I’m doing more with buddypress now that I can see things better, I’m finding there are quite a few places with grey text. I’m just entering a message to test out the messaging and the subject and body of the text entry are all in grey … there must be somewhere that the font colour for all these things can be set for the whole website?

Any ideas?

Thanks guys … sorry to keep adding to the problem list!!!

[ChristopherModerator]

Hi there,

You need to change them with CSS code, please add this:

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input,select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { {
color:red;
}

In case you still see gray text color please provide us with screen shot.

Thanks.

[SandraParticipant]

Hi guys, thanks for all the above, it mostly worked as I wanted it to, I even managed to tweek a couple of things myself (and there weren’t pigs flying past the window).

A last couple of things I’d like to alter, then I think I’m done.

1. When there is a drop down list field, for example of the activity page, there is a dropdown list for what to show, eg updates, posts, everthing etc. The box at the end of the field is white, I’d like to change the colour of this.

2. On each of the buddypress pages the top part of the screen is info about the user, their avatar, name, and a button that has the text “edit settings”. I’d like to change the colour of this text to black.

3. on the forum screen, there are some more of those boxes with numbers in, for each topic it shows number of voices and number of posts. I’d like to change the colour of the text in these boxes to black.

4. The menu bars showing the screens available – not sure if this is called a menu bar or if they are tabs – anyway you gave me the css to change the text colours, which is great. Would it be possible for you to give me the css to change the colour of the text on the tab that is active and the hover colour? At present the colours for everything are the reverse of what the main menu is, and I’d like them to be the same. I can make them the same if I have this additional css. I’ve attached a screen shot for you to see what I mean. The two tabs where the text are dark gold are the active screen and the word the cursor is hovering over.

Many thanks
Sandra

PS I keep wondering why it has been necessary to manually change all this? Is it just my bad luck that I chose a screen design that didn’t match very well with the standard buddypress screen design? It’s not possible to have a buddypress theme without losing x-theme is it? Which I would definitely not want to lose…

[RadModerator]

Hi there,

1. Do you mean the arrow of the select/dropdown? The background color for that arrow section is not changeable, but replaceable.

Add this css,

#activity-filter-by {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(http://ecvet-step.eu/es-toolkit/images/arrow.png) no-repeat;
    background-size: auto 100%;
    background-position: right;
}

You can use your own graphics arrow.

2. Sure 🙂

  
  #buddypress #item-header-content .generic-button a {
  color: #000;
  }

3. This too,

.x-bbp-count {
color: #000;
}

4. Sure this too,

.buddypress .x-item-list-tabs-nav>ul>li>a, .buddypress .x-item-list-tabs-nav>ul>li>span, .buddypress .x-item-list-tabs-subnav>ul>li>a {
    color: #dd9933 !important;
}
.buddypress .x-item-list-tabs-nav>ul>li>a:hover, .buddypress .x-item-list-tabs-nav>ul>li.current>a, .buddypress .x-item-list-tabs-nav>ul>li.selected>a {
    color: #ddbd8b !important;
}

Please note that forum is a bbpress which is different to buddypress, you shouldn’t always use buddpress class name to selector that are meant for other classes.

Example, this is wrong.

.buddypress .x-bbp-count {

}

Manual changes for css is necessary, specially that x theme, buddypress, and bbpress comes with their default css. If you wish to use bbpress default styling and structure then you can simply delete the folder /wp-content/themes/x/buddypress/ and /wp-content/themes/x/bbpress/ (just make sure you backed up everything first). But by doing that, you will still need to manually apply css, because their styling are not going to automatically adapt to your preferred color schemes.

Thanks 🙂

[SandraParticipant]

getting results here, and am starting to feel happier about all this, especially since you’ve said everyone needs to do this ccs stuff. I’m just sorry I need to get you guys to help me all the time. Ok.

1. this worked, great. I have other pages I need to change this on. Is there a way I can change this code so it works for other pages? I tried changing the “activity” word to be “members” but this didn’t work ….

2. worked great.
3. worked great.

4. You already put my colours in for me!! Thanks that’s really nice!! One last thing that needs adding to the code – the words under the tabs (for options of what to do on the page – sorry don’t know what they are called) – the active one used to be a different colour, the same as the tabs, but now they are all the same dark gold colour. Could you please give me the code to make the active word the lighter cream colour?

New issues with menus and pages:

5. I seem to have two different versions of some pages, for example the activity page. A page that I think is the X version comes up when i view the page from the pages option in the dashboard and also when I select it from the small menu you can activate in the buddypress part of customiser. The other page comes up when I select it from a submenu I have added to my main menu using the menu editor. I want to have the X version of the page come up always. Is it possible to get rid of the other version of the page or have the X version always selected? If you need to look at my site the info for getting in has already been posted above.

6. Some of the bbpress pages are not listed in the bbpress menu that can be activated in customiser. Can I edit this menu from customiser (this is one of the reasons I set up my own submenu).

7. On the forum page, when I click on a forum topic, I see the entries for that topic. The first part of the screen has words on it that are in dark grey so hard to read and it’s a menu type thingy – edit, move, split, trash etc are on it. Could you please give me code to change these words to be the same as the tabs – as you did in 4 above, so most of the words are in #dd9933 and the hover and current word colours are #ddbd8b?

8. Also buttons at the top of this page have white text that I’d like to change to black please.

9. This one isn’t part of what you guys support, but I thought you might now anyway, I can’t seem to find where to add a forum topic on the bbpress pages? The test one I have I entered from the dashboard. I can see where a person can start a new group, and add a post on the activity page, I can see where I can reply to an existing forum but not start a new one? I’m doing this as myself, so I have author user status.

That’s about it for now … so sorry for the length of this support query!!

Cheers,
Sandra

[LelyModerator]

Hello Sandra,

1.) To apply it for other filters, just update the code like below:

#activity-filter-by,
#members-order-by {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: url(https://cdn1.iconfinder.com/data/icons/fs-icons-ubuntu-by-franksouza-/512/arrow-down.png) no-repeat;
    background-size: auto 100%;
    background-position: right;
}

To check the id like members-order-by right click the dropdown then inspect element. Get the value of the id.

4.) Please us the following CSS:

.buddypress #subnav>ul>li.current.selected>a {
    color: #ddbd8b !important;
}

5.) Upon checking, they are different page:
http://groodlesinc.co.nz/activity/ Page from dashboard:
Page from Members > Activity :http://groodlesinc.co.nz/members/testing/
You can always Buddypress Page settings via Settings > Buddypress

6.) Main pages are only available in the customizer. Can you clarify what you want to achieve here?

7.)

.bbp-reply-header .bbp-admin-links a{
    color: #dd9933 !important;
}
.bbp-reply-header .bbp-admin-links a:hover {
    color: #ddbd8b !important;
}

8.)

.bbp-template-notice {
    background-color: #000000;
}

9.) Please check this documentation:https://codex.buddypress.org/getting-started/installing-group-and-sitewide-forums/

Hope this helps.

[SandraParticipant]

You guys have been super helpful with this. Unfortunately after all this effort there were still more and more and more things coming up that didn’t look right. I think I just chose the absolute wrong look on my theme to integrate with buddypress and bbpress. I’ve switched to another forum and it fitted in like a dream picking up all my default settings straight away for text font and colour and also buttons – although more setting up to get it up and running than buddy and bbpress.

Anyway thanks so much for being so helpful and patient.

Cheers,
Sandra

[LelyModerator]

You’re welcome Sandra!

Glad it is now working for you.

Always,
X

[Author]

Posts