• Registered: 04-12-2012 UTC
  • Posts: 2,942

Topic: Child Themes and custom code on the forum

I thought I would make a separate post to include all of the child themes and custom code that is spread around the forum.

This is a work in progress.

I thought I would start with two new additions.

This is the BuddyPress child theme.
https://www.dropbox.com/sh/nnavv4je7tp9uow/-68E6PjHfk

This is the bbPress child theme
https://www.dropbox.com/sh/zeni3lw95emxrnh/ydvDwMy42u

This is the BuddyPress and bbPress child theme
https://www.dropbox.com/sh/aazjq9maywwiw01/OipGcxgxzv

I will have to warn you that the BuddyPress and bbpress Child Theme the css is not yet perfect. There are a couple of clashes with the responsive theme. I will try to update it as soon as I get time or someone else can post the changes needed. I also warn you that bbPress is not properly responsive yet so it can be a bit difficult to use on a mobile.

Ulrich

  • From: Chicago
  • Registered: 07-30-2011 UTC
  • Posts: 10,495

Re: Child Themes and custom code on the forum

Thanks Ulrich!

Emil

Emil Uzelac's Website

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Child Themes and custom code on the forum

There has been some request for having a bottom sidebar like on the homepage for single pages.
So here it is.
https://www.dropbox.com/sh/rhezabp3hwy8xv3/PeGIOWvdnx

I will add a bit more info at a later date.

Static homepage with post underneath.
http://themeid.com/forum/post/8482/#p8482



Ulrich

4 Reply by protonio (edited by protonio 11-16-2012 UTC 08:51:15)

  • Registered: 09-28-2012 UTC
  • Posts: 4

Re: Child Themes and custom code on the forum

Hi,

Thanks Grappler for making a Child Theme for BuddyPress. I will be using it on the website I am currently working on.

I am not sure if you've made any updates recently to it but I did make some changes to the CSS and a couple of PHP files to make it more consistent.

Here is a link to the theme: https://www.dropbox.com/sh/g0efu9m2wood0sz/usxNMpX_hL

What I did was the following:

1. I added the Buddypress login widget to the side bar.
2. Removed the bullet point from the avatar image.
3. Move the item list tabs further down to prevent the search bar to conflict with the titles.
4. Added the Top Widget to the header which was missing.
5. Fixed the overall width to prevent the bottom border of the entries (member, activity) to overlap with the sidebar.
6. Added to the CSS the blue button that comes by default on the parent theme.
7. Transferred the parent theme image folder.
8. Deleted the Media Queries from the Child CSS.
9. Made a png with colored social icons to work with your fix.
10. Added a custom CSS file and snippet to the functions file to easily modify and create a custom log in.

The last one I got from: http://themeid.com/forum/topic/1408/cus … in-screen/

Further more, I moved the responsive container beyond the end of the footer to address an issue I was having on a previous post.

http://themeid.com/forum/topic/3560/foo … e-devices/

I really tried the best I could to work on the footer trying to address a shift that happens when with the social icons but I could not figure it out. Basically, the icons shift up at full width but for smaller widths it shifts down. It's weird. smile

I left all the borders at 1px to easily see where things are. They can be removed by looking for them on the Child CSS.

I really had fun messing around with this Child Theme. Thank you.

-P

  • Registered: 01-01-2013 UTC
  • Posts: 1

Re: Child Themes and custom code on the forum

HI protonio

Thanks for the child theme i am trying it out now. Is the call to action buttons still working with he child theme i filled in the url and text but it wont appear. Is it possible to enable it?

Thanks

Richard


protonio wrote:

Hi,

Thanks Grappler for making a Child Theme for BuddyPress. I will be using it on the website I am currently working on.

I am not sure if you've made any updates recently to it but I did make some changes to the CSS and a couple of PHP files to make it more consistent.

Here is a link to the theme: [****************************************

What I did was the following:

1. I added the Buddypress login widget to the side bar.
2. Removed the bullet point from the avatar image.
3. Move the item list tabs further down to prevent the search bar to conflict with the titles.
4. Added the Top Widget to the header which was missing.
5. Fixed the overall width to prevent the bottom border of the entries (member, activity) to overlap with the sidebar.
6. Added to the CSS the blue button that comes by default on the parent theme.
7. Transferred the parent theme image folder.
8. Deleted the Media Queries from the Child CSS.
9. Made a png with colored social icons to work with your fix.
10. Added a custom CSS file and snippet to the functions file to easily modify and create a custom log in.

The last one I got from: http://themeid.com/forum/topic/1408/cus … in-screen/

Further more, I moved the responsive container beyond the end of the footer to address an issue I was having on a previous post.


I really tried the best I could to work on the footer trying to address a shift that happens when with the social icons but I could not figure it out. Basically, the icons shift up at full width but for smaller widths it shifts down. It's weird. smile

I left all the borders at 1px to easily see where things are. They can be removed by looking for them on the Child CSS.

I really had fun messing around with this Child Theme. Thank you.

-P

  • Registered: 10-17-2012 UTC
  • Posts: 4

Re: Child Themes and custom code on the forum

Hello. My site already has a 'Responsive Child' Theme. Where does your bp child theme go in relation to it?
It it inside the 'wordpress/themes/' folder? Or, is it inside the 'bp-themes/'bp-default' folder?
Silly Question, I know, but this is my maiden voyage with BP.

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Child Themes and custom code on the forum

No Problem. You only need one child theme. Either the BBPress one or the basic version. If you have already started using the basic version then just copy the files and css accross using a ftp client.

Ulrich

  • Registered: 10-26-2012 UTC
  • Posts: 1

Re: Child Themes and custom code on the forum

Hi,

thanks for the Child theme.

Does anyone tried it on a WP multisite (Network) installation.

I do already have a ResponsiveChild theme installed which is customized (styles, small header chnges etc.) , if possible how do I install Buddypress over the WP Network,

Just copy the Files and Folders of the Buddypress Responsive Child Theme in the existing Folder and add the content of the Styles CSS to the existing one ?

Thanks for helping on that !

  • Registered: 10-17-2012 UTC
  • Posts: 4

Re: Child Themes and custom code on the forum

grappler wrote:

No Problem. You only need one child theme. Either the BBPress one or the basic version. If you have already started using the basic version then just copy the files and css accross using a ftp client.

Ulrich

Woah! So, I add the contents of your 'responsive buddypress' folder into my existing child theme folder? And replace the existing files with your files? Easy enough.  (activity, blogs, forums, groups, images, members, registration)

But what about 'style.css'? Does it become an @import? Or do I merge my two stylesheets? my existing child style and your new one?

I see that both your 'style.css' for bp and bb contain 1642 lines of code.

  • Registered: 04-12-2012 UTC
  • Posts: 2,942

Re: Child Themes and custom code on the forum

The css is all for BuddyPress. I havnt added any css to the BBPress child theme.

I would merge the files. I have added a bit of structure so you could work with that.

Ulrich