Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] CSS Customization


  • rickdickinson
    Participant

    @rickdickinson

    Hi, I want to make some minor CSS changes to BuddyPress, but I’m thoroughly confused. Since 1.7, what is/is not the correct way to do this? Do we still need a child theme, as described here: https://codex.buddypress.org/themes/building-a-buddypress-child-theme/?

    Or do we just need to add css files as described here: https://codex.buddypress.org/themes/theme-compatibility-1-7/theme-compatibility-2/?

    I’ve tried the latter method, but no success.

    Here are the minor changes I’d like to make:

    /* --------------------------------------------
    	BUDDYPRESS
    -------------------------------------------- */
    
    /* overrides wp-content/plugins/buddypress/bp-templates/bp-legacy/css/buddypress.min.css */
    
    #buddypress .comment-reply-link, #buddypress a.button, #buddypress button, #buddypress div.generic-button a, #buddypress input[type=button], #buddypress input[type=reset], #buddypress input[type=submit], #buddypress ul.button-nav li a, a.bp-title-button {
    background: #fff;
    border: 1px solid #ccc;
    color: #777;
    font-size: 1.1rem; /* edited */
    cursor: pointer;
    outline: 0;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none; 
    }
    
    #buddypress ul.item-list li div.item-title, #buddypress ul.item-list li h4 {
    font-weight: 600;
    /* font-size: 90%; */ /* edited */
    margin: 0;
    width: 75%;
    }
    
    #buddypress ul.item-list li div.item-desc {
    /* color: #888; */  /* edited */
    font-size: 80%;
    margin: 10px 0 0 60px;
    width: 70%; /* edited */
    }
    
    /* overrides wp-content/plugins/bp-group-hierarchy/templates/_inc/css/hierarchy.css */
    
    .item-subitem-indicator {
    float: left;
    line-height: 3em;
    display: none; /* added */
    

    I’d love to know exactly how/where to make these customizations.

    Thanks in advance!

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

  • Marcella
    Participant

    @marcella1981

    You may actually be able to get away with adding that CSS via wp-admin > appearance > edit css.

    Placing it to the bottom of style.css should work.

    @rickdickinson that first codex page clearly states it’s in regard of the older bp-default setup, this doesn’t mean don’t follow it but you would only do so if you were already working with that themeing approach.

    the second link is the one to follow for new install/themes, yes you do need to create a child theme IF you’re working with an existing of the peg theme, if you’re writing your own then you simply overload your files in either /buddypress/css/ or /community/css/ (either labelling works and both folder structures are applicable whether a main theme or child one)

    If you overloaded the entire buddypress.css file and your changes didn’t work it’s just possible you hit the 2.1 issue of naming convention, which will be fixed in 2.1.1, so try renaming your file to buddypress.min.css.


    rickdickinson
    Participant

    @rickdickinson

    Thanks, Marcella – You were right, I was just able to add the custom CSS via my theme. Thanks for that suggestion.

    I knew that child theming was overkill for what I needed.

    This can be marked as resolved.


    @mercime
    Keymaster

    @mercime

    @rickdickinson Glad you resolved the issue. However, unless you created your own theme, the CSS tweaks you added to the theme’s style.css file will be overwritten if/when you upgrade your theme. This is why I second hnla’s suggestion that you create a child theme and add the changes there. In any case, marking this issue as resolved.


    barchiola
    Participant

    @barchiola

    just went to make changes in min.css and there aren’t any lines of code, everything runs into everything else. using the editor in cpanel with the UTF-8 character encoding if it matters.
    thanks,
    bart


    danbp
    Moderator

    @danbp

    @barchiola

    please open a new topic. This one is marked as resolved and your issue seems slightly different.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Resolved] CSS Customization’ is closed to new replies.
Skip to toolbar