Skip to:
Content
Pages
Categories
Search
Top
Bottom

How do I change this font colour?

  • Avatar of Scottscotblog
    scottscotblog
    Member

    @scottscotblog

    Hello,

    I need to change the title font colour of the left Recent Blog Posts and Who’s Online modules to white, like the modules on the right hand side.

    Which line of text would I edit in which file?

    Please help,

    Scott!

Viewing 5 replies - 1 through 5 (of 5 total)
  • Avatar of Chris
    chriscarter
    Participant

    @chriscarter

    Do you use Firefox? Grab the Firebug add-on and it makes it a cinch to edit the css, among other things.

    Avatar of Scottscotblog
    scottscotblog
    Member

    @scottscotblog

    OK, but I need to individually edit the colour of the title as if I make it white the entire content goes white.

    Avatar of Thezohan10
    thezohan10
    Member

    @thezohan10

    To accomplish that, yu have to change the style sheet from the “buddypress” theme CSS (style.css), of course if you are using it for the home theme.

    And remember that when you access to a member option, the theme used is the “buddypress-member” look 4 the style.css on the folder and make the changes too, i did so to have a correspondence between site colors.

    Avatar of Scottscotblog
    scottscotblog
    Member

    @scottscotblog

    Yes, but what exactly do I change or add?

    Avatar of Thezohan10
    thezohan10
    Member

    @thezohan10

    Ok, the widget title color is inherited in the H2 tag declared before… so, if you want to change the color, i would add the: “add this” at the style sheet. The welcome widget has its own class declared down or up, if you want to change the h2 color of the welcome title look at the code and put your color there, but it´s explicitly declared so change the color.

    .widget {

    margin: 0 0 25px 0;

    }

    h2.widgettitle {

    /* add this */

    color: red !important;

    /* end of add this */

    padding: 3px 8px;

    margin-bottom: 5px;

    height: 36px;

    font-weight: bold;

    }

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

You must be logged in to reply to this topic.