Skip to:
Content
Pages
Categories
Search
Top
Bottom

Where are my sub-menus? – Graphene Theme


  • junglejinge
    Member

    @junglejinge

    Prior to installing Buddypress, I was using the graphene theme, since, I have installed randy candy! However, I can no longer see two menus, it’s not even merged into one properly. Many (all) of my sub-pages are no longer beneath the parent category pages, hence there are no drop down menus. I also only have one menu/primary.

    I am quite new to wordpress, but have managed a couple of php deletions and uploads today, but masses of code scares me quite a lot!!!!!!!!

    I hope you can help

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

  • @mercime
    Participant

    @mercime

    == I have installed randy candy! ==
    Sorry, the developer has not updated that theme for BP 1.5 compatibility
    https://codex.buddypress.org/releases/1-5-theme-compatibility/


    junglejinge
    Member

    @junglejinge

    Here is my more in depth post, as you will see I have tried many themes. Nearly all in the template pack. https://wordpress.org/support/topic/buddypress-theme-knocks-out-my-navigation-structure?replies=1

    I have now decided to go back to graphene and install the compatibility pack but am having problems with that. I am following the instructions as per this post

    https://buddypress.org/community/groups/creating-extending/forum/topic/making-theme-buddypress-compatible/

    BUT… after the index.php page I am supposed to do the blog page code, but the code is very different to the one in the example, hence I don’t know what to replace.e.g.

    DELETED -content posted was from https://buddypress.trac.wordpress.org/browser/tags/1.5.1/bp-themes/bp-default/blogs/index.php


    junglejinge
    Member

    @junglejinge

    That was my attempt to upload a copy of the code I am using, is this not possible?


    aces
    Participant

    @aces

    try using http://pastebin.com/ and link to it….


    @mercime
    Participant

    @mercime

    @junglejinge you need to wrap your code within backticks (`) the symbol between the parentheses for short blocks of code. But for large blocks like the page.php source code, use pastebin.com as aces mentioned above

    I gathered additional information from WP.org forums
    https://wordpress.org/support/topic/where-have-my-sub-menus-gone?replies=3
    https://wordpress.org/support/topic/buddypress-theme-knocks-out-my-navigation-structure?replies=2

    BP compatibility process for Graphene Theme

    A. After you activate the Graphene theme, install and activate BP Template Pack

    B. Go to Appearance > BP Compatibility and go through the process till you click Finish. Do not disable the Template Pack’s CSs nor JS. You’ll see this in frontend [before you make the changes, the regular page and the component page]


    It’s totally unlike what you have currently at http://www.meetinbradford.org/

    Note: this theme has many options which may or may not work with the modifications placed below. In case the following exercise does not work, please contact the graphene theme developer and refer him/her to this post.

    C. Download the 6 BP folders which were transferred to your graphene theme folder in server down to your computer hard drive. Because of your theme’s HTML structure, you will need to use the first method for fixing alignment on 16 files within the folders you downloaded. Those 16 files listed here https://codex.buddypress.org/theme-development/wordpress-to-buddypress-theme/#tplfiles

    Starting with activity/index.php open it up with text editor
    At the very top, replace:
    `

    `

    with
    `

    `

    At the bottom of same activity/index.php file, replace:
    `

    `

    with:
    `


    `

    Save file. Then do this for the remaining 15 files listed in link except for registration/register.php where you do the same for the top portion of the file but at the bottom of the file, replace:

    `

    jQuery(document).ready( function() {
    if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
    jQuery(‘div#blog-details’).toggle();
    jQuery( ‘input#signup_with_blog’ ).click( function() {
    jQuery(‘div#blog-details’).fadeOut().toggle();
    });
    });

    `

    with:
    `

    jQuery(document).ready( function() {
    if ( jQuery(‘div#blog-details’).length && !jQuery(‘div#blog-details’).hasClass(‘show’) )
    jQuery(‘div#blog-details’).toggle();

    jQuery( ‘input#signup_with_blog’ ).click( function() {
    jQuery(‘div#blog-details’).fadeOut().toggle();
    });
    });

    `

    Save files and upload the six folders with modified template files to your theme folder in server.

    D. Styling modifications – you’d most probably want to tweak some styles that come with bp.css. Check out style.css mods used in twenty theme as guide https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/


    junglejinge
    Member

    @junglejinge

    The code I have seems quite a lot different to what you have, this is the beginning of the div tag

    `



    `


    junglejinge
    Member

    @junglejinge

    I think I’ve done it all, thanks.


    @mercime
    Participant

    @mercime

    @junglejinge just checked your site. A style in your theme’s style.css has wrought havoc with the avatar of individual member/group e.g. http://www.meetinbradford.org/groups/over-50s/

    Add this to your stylesheet to override aforementioned
    `div#item-header img.avatar {
    float: left !important;
    position: relative !important;
    }`

    Add also the following to your stylesheet to delete the list style showing up in members/groups list
    `ul#members-list, ul#groups-list {
    list-style-type: none;
    margin-left: 0;
    }`

    Add additional styles to taste.


    junglejinge
    Member

    @junglejinge

    That’s not the only thing either, half of the pages still have the wrong padding, please view Members & Activity.

    PS. There are loads of style sheets, which one?


    junglejinge
    Member

    @junglejinge

    OK, I;ve found the graphene theme stylesheet, but I don’t know which section to put it in. Header , sidebar main page?


    junglejinge
    Member

    @junglejinge

    I’ve shoved it in anywhere and it hasn’t worked.


    @mercime
    Participant

    @mercime

    The easiest way is to place all your styling modifications at the very bottom of your graphene theme’s style.css file and keep a backup of your modifications. Add something like this `/* BP Template Pack mods */` before your mods.


    junglejinge
    Member

    @junglejinge

    I have followed these instructions in modifying the stylesheet (style.css) but despite this, the results are still the same. http://www.meetinbradford.org/groups/x/

    @mercime I have followed your instructions but the results are still the same.


    @mercime
    Participant

    @mercime

    Hi there. Let me check this out again and I’ll get back to you.


    @mercime
    Participant

    @mercime

    I got it working with the code I gave you.

    A new version of Graphene theme came out since you last posted here. When you upgrade Graphene theme, you’ll lose all the BP template pack folders transferred before, and you’ll have to run BP template pack plugin’s compatibility process again via Appearance > BP Compatibility. Then follow the instructions I posted before https://buddypress.org/community/groups/installing-buddypress/forum/topic/where-are-my-sub-menus/?topic_page=1&num=15#post-115080

    Per same instructions in that post, add the following at the very bottom of graphene theme’s style.css file after other styles.

    `/* BuddyPress Compatibility Style Mods */

    .post .avatar {
    position: static !important;
    }
    table.forum {
    margin: 0 !important;
    }
    table.forum tr > td:first-child, table.forum tr > th:first-child {
    padding: 15px !important;
    }
    div#item-header h2,
    form#whats-new-form h5 {
    clear: none !important;
    }
    div#item-header ul {
    list-style-type: none;
    }
    div.dir-search {
    margin: -20px 0 0 !important;
    }
    div.item-list-tabs {
    margin: 25px 0 20px !important;
    }
    div.item-list-tabs ul,
    div#object-nav.item-list-tabs ul,
    div#subnav.item-list-tabs ul {
    font-size: 13px;
    margin-left: 0 !important;
    }
    div.item-list-tabs ul li:first-child {
    margin-left: 15px !important;
    }
    div#subnav.item-list-tabs {
    margin: -15px 0 15px !important;
    }
    #activity-stream {
    margin-left: 0;
    }
    .padder div.pagination {
    margin: -20px 0 0 !important;
    }
    ul.item-list {
    list-style-type: none;
    margin-left: 0;
    }
    body.activity-permalink div.activity {
    padding: 20px;
    }
    body.activity-permalink .activity-content {
    padding: 0 !important;
    }`

Viewing 16 replies - 1 through 16 (of 16 total)
  • The topic ‘Where are my sub-menus? – Graphene Theme’ is closed to new replies.
Skip to toolbar