[Peter FaeParticipant]

Hey. I have an Activity page on the Integrity theme that looks like this:

http://mythica.intothemythica.com/activity/

What I would like is to extend the black container of the Activity out to the right edge of the screen and include a sidebar in that space. Here’s a quick sketch of the idea …

http://cl.ly/image/35131p1H0k1H

So, basically, I want to know the Customizer–>Custom CSS code that will stretch the container to fill the screen on the RIGHT but not the left (visual approach/design idea) and will have space for a sidebar and other widgets; essentially i’m curious about how to start customizing my Buddypress Activity feed (which this is the page of) in the Custom CSS.

* alternatively *

I could be shown how to build a page in Cornerstone or Visual Composer which generated the Buddypress Activity feed. EIther way i’d ike to know how to stretch the container in that odd way (more on right, leaving space on left between left edge of container and the nav menu)

thanks!

[Paul RModerator]

Hi Peter,

Thanks for writing in! Regretfully, this particular customization request is outside the scope of our support as this is not related to an issue with the theme and instead has to do with your customization of it. As such, you will need to investigate this particular issue on your own or seek help from a developer should you not feel comfortable making these changes yourself. If you have any further questions about the theme, we are more than happy to provide you with assistance on these inquiries.

Thank you for your understanding.

[Peter FaeParticipant]

I appreciate the clarity of the forum. However, in a certain sense, not specifically a Buddypress way, I feel I am within the boundaries of the forum.

I understand that the Activity Feed customization is Buddypress related and outside the range of this forum. However, I am also asking, how do I extend the size of the CONTAINER on the page so that it covers the 3/4 distance that I suggested in the first topic

http://cl.ly/image/35131p1H0k1H

I realize I am asking how to extend the buddypress container associated with the Activity Feed; yet I am talking about the container itself, which unless I have misunderstood the logic by which the forum operates, should be covered. I’m happy to find out more about BP customization itself somewhere else. However, stylistically, how can this be done; allowing the container to fill in the RIGHT side of the screen (like in the example) yet still having space between it and the navbar on the X-theme?

Thank you 🙂

[ChristopherModerator]

Hi there,

Please add the following code in Customize -> Custom -> CSS :

@media (max-width:767px){
.activity.buddypress .site {
    width: 91%;
    float:right;
}
}

Adding custom sidebar requires a template change, I’d advise that you setup a child theme. This allows you to make code changes that won’t be overwritten when an X update is released. After your child theme is setup, please review how we recommend making template changes in Customization Best Practices.

Please add following code in child theme’s function’s.php :

add_filter('ups_sidebar', 'force_buddypress_sidebar', 20);

function force_buddypress_sidebar ( $sidebar ) {
return x_is_buddypress() ? 'REPLACE_THIS_WITH_SIDEBAR_ID' : $sidebar;
}

Hope it helps.

[Peter FaeParticipant]

is no work.

http://cl.ly/image/1s2h1D0g1Z2N

[Rue NelModerator]

Hello There,

Would you mind providing us the url of your site with login credentials so we can take a closer look? This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

To do this, you can make a post with the following info:
– Link to your site

– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

Thank you.

[Peter FaeParticipant]

This reply has been marked as private.

[Nabeel AModerator]

Hi again,

Thanks for providing the credentials, Upon checking your site I see you’ve not updated your Cornerstone plugin along with with X bundled plugins. Can you please update your plugins to the latest version? You can find the latest version numbers here: (http://theme.co/changelog/) Then you can compare them to what’s installed on your site.

If you find anything to be out of date, you can review our update guide.

Let us know how this goes!

[Peter FaeParticipant]

Confused about that.

I have a multisite. When I go to the main network Dashboard and go to Updates; I click on ‘Check Again’ and no update for Cornerstone comes up.

I’m feeling this out. So I understand:

#1 – X-Theme gets updated but does NOT automatically update the plugins alongside? They have to be manually updated?

#2 – The plugins should show an update in NETWORK Dashbaord? Because when I go to my specific X-Theme site; mythica.intothemythica.com I do not see a update option. I thought this was Network->Dashboard related.

[RadModerator]

Hi Peter,

Thanks for posting in. You can only update x theme and cornerstone through the site where API key is validated. And updating it through main network admin is not possible. Please switch to your site where it’s validated, and update it.

#1 Yes, plugin and theme are different entity and should be updated separately. They can be updated manually, or through automatic update.

#2 Update notice may show on network admin, but you can’t update it. You should able to update it where your x theme is validated. I checked all your site and I don’t see any X theme being active. Hence, you won’t able to update your cornerstone even on your main site.

Thanks.

[Peter FaeParticipant]

Okay, That was a little confusing. Got Cornerstone updated. Apparently I had put in the X validation and not the API key. Works now.

Okay. Onward and forward.

is help?

[RadModerator]

Hi there,

Okay, let’s continue 🙂

Please add this css replacing the previous one.

@media ( min-width: 980px ) {

.activity.buddypress .site {
    max-width: 100%;
    width: 94%;
    float: right;
}

}

Then add these codes at your child theme, again replacing the previous.

function x_get_content_layout() {

    $content_layout = x_get_option( 'x_layout_content', 'content-sidebar' );

    if ( $content_layout != 'full-width' ) {
      if ( is_home() ) {
        $opt    = x_get_option( 'x_blog_layout', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_singular( 'post' ) ) {
        $meta   = get_post_meta( get_the_ID(), '_x_post_layout', true );
        $layout = ( $meta == 'on' ) ? 'full-width' : $content_layout;
      } elseif ( x_is_portfolio_item() ) {
        $layout = 'full-width';
      } elseif ( x_is_portfolio() ) {
        $meta   = get_post_meta( get_the_ID(), '_x_portfolio_layout', true );
        $layout = ( $meta == 'sidebar' ) ? $content_layout : $meta;
      } elseif ( is_page_template( 'template-layout-content-sidebar.php' ) || x_is_buddypress_activity_directory() ) {
        $layout = 'content-sidebar';
      } elseif ( is_page_template( 'template-layout-sidebar-content.php' ) ) {
        $layout = 'sidebar-content';
      } elseif ( is_page_template( 'template-layout-full-width.php' ) ) {
        $layout = 'full-width';
      } elseif ( is_archive() ) {
        if ( x_is_shop() || x_is_product_category() || x_is_product_tag() ) {
          $opt    = x_get_option( 'x_woocommerce_shop_layout_content', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        } else {
          $opt    = x_get_option( 'x_archive_layout', 'sidebar' );
          $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
        }
      } elseif ( x_is_product() ) {
        $layout = 'full-width';
      } elseif ( x_is_bbpress() ) {
        $opt    = x_get_option( 'x_bbpress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( x_is_buddypress() ) {
        $opt    = x_get_option( 'x_buddypress_layout_content', 'sidebar' );
        $layout = ( $opt == 'sidebar' ) ? $content_layout : $opt;
      } elseif ( is_404() ) {
        $layout = 'full-width';
      } else {
        $layout = $content_layout;
      }
    } else {
      $layout = $content_layout;
    }

    return $layout;

  }

add_filter('ups_sidebar', 'force_buddypress_sidebar', 20);

function force_buddypress_sidebar ( $sidebar ) {

return x_is_buddypress() ? 'REPLACE_THIS_WITH_SIDEBAR_ID' : $sidebar;

}

Then go to Admin > Appearance > Sidebars and create your own sidebar, this sidebar will be your activity page sidebar. Take note the sidebar ID from your created sidebar, then replace REPLACE_THIS_WITH_SIDEBAR_ID from the code above with your sidebar ID. Then last, go to Admin > Appearance > Widgets and add your favorite widgets to your created sidebar for activity page.

Hope these helps.

[Peter FaeParticipant]

Almost there. Sidebar isn’t functioning.

http://cl.ly/image/2l3s3U3U0j3S

http://cl.ly/image/2l413d3k3M1N

Also, a question. In classic themes (non X-Theme), i’m told to do buddypress customizations in the bp-directory. However, with X-Theme, they seem to be done in the Child themes functions.php. Should all my customizations be done int hat place in accordance with X’s manner of programming?

[LelyModerator]

Hello Peter,

Upon checking, you have installed a plugin that manages sidebars:Custom Sidebars. Please create you sidebar via Appearance > Widgets.

Yes, customization should be done on the child theme for the code not to be overwritten when you update main X theme.

Hope this helps.

[Peter FaeParticipant]

Mmm. When I turn off that plugin there appears no option to create a new sidebar.

[Author]

Posts