Skip to:
Content
Pages
Categories
Search
Top
Bottom

How to change font color for group description?


  • swanson.christopherm
    Participant

    @swansonchristopherm

    BuddyPress Version 2.3.2.1
    WordPress Version 4.2.3
    Theme: Nirvana Version 1.1.0

    The group description for all groups is a medium shade of grey. It is somewhat readable to a degree, but I would prefer to change the color to black instead. I noticed some existing topis where people mentioned about profile fields or the font being too large, but I did not stumble upon changing the color. If desired I can post a link to the .css coding if that would be beneficial. Basically what am I looking for in the .css file and how do I resolve it?

    Note: I would rather avoid building a child theme due to my lack of knowledge on the matter. Sure it would be a little incontinence when I have to upgrade my theme, but at least I can paste the answer back in the .css file.

Viewing 5 replies - 1 through 5 (of 5 total)

  • djsteveb
    Participant

    @djsteveb

    @swansonchristopherm – with firefox, and I think it’s similar with chrome and others.. when you right click on your group description then click “inspect element” or something like that, it should bring up a list of rules that are affecting the color, font, etc for group description.

    find that (most likely) in your style.css under appearance (themes), edit.

    there are some easy to use wordpress plugins that will create a child theme for you with a click.. but it’s not 100% for such a small change – easy to get back in and change it back when cryout pushes an update.


    shanebp
    Moderator

    @shanebp

    a little incontinence

    It might be a little inconvenient, but nothing that will require a diaper.

    It’s easy to add modified versions of these 2 files to a buddypress folder in your theme – then change or add a css class to the description.
    bp-templates\bp-legacy\buddypress\groups\groups-loop.php
    bp-templates\bp-legacy\buddypress\groups\single\group-header.php

    Info re template overloading:

    Theme Compatibility & Template Files


    swanson.christopherm
    Participant

    @swansonchristopherm

    Alright I found it through the Inspect tool of FireFox and because I don’t want to do the derp thing should I open up the .css and search for <div id=item-header-content> and scroll down to <p></p> and in the rules change the color to #000?


    djsteveb
    Participant

    @djsteveb

    @swansonchristopherm

    no – that is the html you are looking at I think.. the css rules should be in another pane.. something like

    .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6 {
    color: #444;
    }

    so you open style.css and ctrl-F (find) “entry-content h1″
    without giving a class on css – this is crude way of showing what could/should be done more eloquently I’m sure..

    change the #444 to #000

    w3c has great free tutorials on this, as does code academy dot com… I’m not an expert either.

    after change save refresh page – or in some cases hold down shift to refresh page.. should work.


    swanson.christopherm
    Participant

    @swansonchristopherm

    May have to check w3c, code academy, and maybe even the theme’s support website as I don’t see any percentage when I enter #444 or whatever. What did popup though was:

    #content .entry-content h1 { font-size: 32px; }
    #content .entry-content h2 { font-size: 28px; }
    #content .entry-content h3 { font-size: 24px; }
    #content .entry-content h4 { font-size: 20px; }
    #content .entry-content h5 { font-size: 16px; }
    #content .entry-content h6 { font-size: 12px; }

    .entry-content blockquote {
    display: table;
    padding: 20px;
    margin: 0 auto;
    width: auto;
    font-style: italic;
    clear: both;
    float: none;
    position: relative;
    font-weight: bold;
    }

    .entry-content blockquote:before {
    position: absolute;
    left: 0;
    top: 0;
    content: ‘\e80f’;
    font-family: ‘elusive’;
    font-size: 1em;
    color: rgba(0,0,0,.05);
    z-index: 0;
    }

    .entry-content blockquote:after {
    position: absolute;
    right: 0;
    bottom: 0;
    content: ‘\e80f’;

    Does quote box count as the description? If so I should be able to just change the digits to all 0’s (just assuming). The only other time that .entry-content h shows up is when it identifies about tables and there is no color options.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘How to change font color for group description?’ is closed to new replies.
Skip to toolbar