New to the community? Start here

Activity Plus plugin background color & button position

Hi there,

I installed Activity + on my Buddypress installation and, as you can see in my image in attachment, the background area of comment box (and the comment box itself) now come out grey.

Two questions:

– how can I change the background color to white and/or transparent?

– is it possible to move the buttons to the left while making it so that the "post update" button will appear on the right side on the same height level as the plugin buttons?

Thank you for any help you can offer.

Regards,

Yin

Fri, 19 Jan 2018 2:35:02
  • Kasia Swiderska
    • Support nomad

    Hello Yin,

    Please try this custom CSS code:

    .bpfb_form_container {
    
background-color: white;
    
}
    

    
.active .bpfb_actions_container.bpfb-theme-new.bpfb-alignment-right {margin-right: 100px;}
    
#whats-new-options {float: right;
    
margin-top: -61px;}

    You can

    a) add it to the child theme style.css file

    b) use this small plugin https://pl.wordpress.org/plugins/simple-css/

    c) use WordPress Customizer field for custom CSS

    That code might need a values adjustments on your site (like value for margins) because I couldn’t see it on your site (it’s not open for the non-logged users) so I tested on my site and there can be small differences because of different themes.

    kind regards,

    Kasia

  • Akeneic
    • Site Builder, Child of Zeus

    Hi Kasia,

    thank you for your reply!

    Before I try the custom code, I would like to ask you whether it is possible to make 3 minor changes still? They are included in a screenshot, for clarity.

    And, while I have your ear, WPMUDEV is just awesome! I am only on the trial but I am definitely become a full member as soon as the trial ends!

    Warm regards,

    Yin

  • Adam
    • Support Gorilla

    Hi Yin,

    I hope you’re well today and don’t mind me jumping in here :slight_smile:

    In that case, try this CSS instead:

    .bpfb_form_container {
    
padding-bottom:0;
    
}
    
#buddypress form#whats-new-form #whats-new-content {
    
padding-bottom:5px;
    
}
    

    
.active .bpfb_actions_container.bpfb-theme-new.bpfb-alignment-right {
    
margin-right: 100px;
    
}
    
#whats-new-options {
    
float: right;
    
margin-top: -61px;
    
}

    If I correctly understand your goal (from the recent screenshot), that should do the trick.

    Best regards,

    Adam

  • Akeneic
    • Site Builder, Child of Zeus

    Hi Adam!

    I don’t mind you jumping in at all! In fact, I’m glad for all the help offered!

    Unfortunately, I just tried to add your code to my child theme’s style.css and, after clearing the cache etc, the box shows up identical to the way it did before. Strange huh?

    Do you know why that could be happening?

    Thank you!

    PS. If you need login credentials to my dashboard, let me know where I can share these with you privately.

  • Adam
    • Support Gorilla

    Hi Kwan Yin,

    thanks for your response.

    I think the code would only need some basic tweaking but yes, it would be easier if I could simply work on a site of yours directly. The simplest way to let me access the site is to use WPMU DEV support access tool

    Please go to the "WPMU DEV -> Support" page in your site's back-end and click on "Grant support access" button, then let me know here that it's enabled.

    [attachments are only viewable by logged-in members]

    Best regards,

    Adam