Skip to:
Content
Pages
Categories
Search
Top
Bottom

overriding height of whats-new-options


  • Calvin Powers
    Participant

    @cspowers

    9 years, 8 months ago

    I’m on the latest version of BuddyPress, bbPress, and WordPress.
    I’m using the genesis magazine-pro theme.

    I’ve been tweaking the CSS for bbpress and buddypress by copying their css files to my theme directory/css directory. So far so good. I’ve been able to make a lot of changes that fit better into my theme.

    But I’ve run into a situation I don’t know how to handle. Because I’ve increased the font sizes slightly, the whats-new-options div is no longer tall enough. When I inspect it in Chrome’s inspector, I see that the height is not set by the CSS definition of whats-new-options. Instead there is a style=height:40px; attribute on the div tag.

    In chrome’s inspector I see that I can chane that height to 60 and it looks ok. But I don’t know how to change that style tag permanently.

    It seems to me that i have to find where this HTML is being generated. The only thing I could find is
    /buddypress/bp-themes/bp-default/activity/post-form.php and I found
    <div id=”whats-new-options”>
    but there is no style attribute. So I’m at a loss as to where that style attribute is coming from so I can change it.

    Any ideas? I know just enough CSS and PHP to be dangerous, so forgive me if I’m missing something obvious.

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

  • Hugo Ashmore
    Participant

    @hnla

    9 years, 8 months ago

    Those inline styles are added via JS, you’ll need to overload the BP JS file in the same way you have the CSS and edit the values, they’re near the top of the file.


    Calvin Powers
    Participant

    @cspowers

    9 years, 8 months ago

    Hugo,

    Thanks for the info. Just to make sure I understand exactly what I need to do,
    I need to make a copy of this file:
    /buddypress/bp-themes/bp-default/_inc/global.js
    And copy it to my theme directory
    as:
    /wp-content/themes/magazine-pro/_inc/global.js

    And then edit theme copy of the global.js file and change the height parms to to what I need.

    Does that sound right?


    Calvin Powers
    Participant

    @cspowers

    9 years, 8 months ago

    OK that didn’t work. I didn’t realize the theme directory is legacy stuff.

    Instead I copied this file:
    /wp-content/plugins/buddypress/bp-templates/bp-legacy/js/buddypress.js
    to
    /wp-content/themes/magazine-pro/js/buddypress.js
    and made the edits and it seems to work.

    Thanks for the help. I never would have guessed it.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘overriding height of whats-new-options’ is closed to new replies.

Topic Info

Skip to toolbar