David Carson

[Reposting original response here in the hopes that it will show for you.]

Can you make public the code you use for your “join” page on the demo Frisco installation? It looks amazing, and I’d like to model mine off of that.

I’m using the default Frisco theme to power the demo site. And I used a custom stylesheet along with a custom functions file to extend the theme and add a couple small features.

If you have BuddyPress installed and the Frisco theme activated, go to “Appearance > Theme Options”. You should see two checkboxes on the options page. The first checkbox enables a custom.css file. And the second checkbox enables a functions-custom.php file. These two files should be used to customize the theme wherever possible and will ensure that upgrades are easy in the future because those files shouldn’t be affected when you upgrade the theme.

So, generally, to customize the CSS of the theme, create a file called custom.css in the theme folder, add your custom CSS, and then check the box in the theme options to enable it. To add or remove functionality, create a file called functions-custom.php in the theme folder, add your custom code, and then check the box in theme options to enable it.

Back to your original question. To insert the HTML used for the “Welcome to the Demo” section, I used a hook to add a function called add_register_page_alert() to bp_before_register_page (hook on the bp-defaut register page).

Here’s sample code. This could be added to the functions-custom.php referenced above.

<?php

// Add alert to initial register page
function add_register_page_alert() {
// If on on the initial register page, show HTML block
if ( ‘request-details’ == bp_get_current_signup_step() ) :
?>
<p>Hello world!</p>
<?php
endif;
}
add_action ( ‘bp_before_register_page’, ‘add_register_page_alert’ );
?>
Then add any custom CSS to the custom.css file reference above. To see the HTML and custom.css used on the demo register page, use Firebug for Firefox.

2. I know you’re limiting the amount of colors available so far, but where in the CSS file is that option if I’d like to change it myself? i.e. what field changes the header color (and I assume the footer text as well)?

You should use the custom.css file for this. Go into any of the files within the “css” directory (ex. default.css, green.css, etc.) and copy the CSS in any one of those files, then paste that CSS into your custom.css file. Use the CSS you just pasted in custom.css to customize the colors however you’d like. Custom.css, if enabled properly, will override the color choice selected in the backend.

3. Is there any way to add a custom logo to the header? If so, how would I do that?

Create the custom.css file if you haven’t already. Upload your logo to the server – I’d create a folder in the theme for this, something like “custom-images” or whatever. Then use a CSS image replacement technique referencing that logo/image in your CSS.

https://css-tricks.com/630-css-image-replacement/

Weird. Not sure why that’s happening. But I’m glad you can at least see the response. I hope it helps.

Just a note. My reply to this topic appears to be hidden unless you’re logged in at www.ads-software.com. So, if you don’t see my reply above, log in and you should see it. Not sure why this happened – likely the example code I added to the post is interfering.

RTL support is something I’m not very familiar with. Maybe someone else can advise here. But I’ll see if I can get this into the next version.

I haven’t activated Achievements yet on a test site. But I’ll check it out and see if we can add support. Subscribe to this forum post and I’ll drop you a note once I’ve taken a look.

Can you make public the code you use for your “join” page on the demo Frisco installation? It looks amazing, and I’d like to model mine off of that.

I’m using the default Frisco theme to power the demo site. And I used a custom stylesheet along with a custom functions file to extend the theme and add a couple small features.

If you have BuddyPress installed and the Frisco theme activated, go to “Appearance > Theme Options”. You should see two checkboxes on the options page. The first checkbox enables a custom.css file. And the second checkbox enables a functions-custom.php file. These two files should be used to customize the theme wherever possible and will ensure that upgrades are easy in the future because those files shouldn’t be affected when you upgrade the theme.

So, generally, to customize the CSS of the theme, create a file called custom.css in the theme folder, add your custom CSS, and then check the box in the theme options to enable it. To add or remove functionality, create a file called functions-custom.php in the theme folder, add your custom code, and then check the box in theme options to enable it.

Back to your original question. To insert the HTML used for the “Welcome to the Demo” section, I used a hook to add a function called add_register_page_alert() to bp_before_register_page (hook on the bp-defaut register page).

Here’s sample code. This could be added to the functions-custom.php referenced above.

<?php

// Add alert to initial register page
function add_register_page_alert() {
// If on on the initial register page, show HTML block
if ( ‘request-details’ == bp_get_current_signup_step() ) :
?>
<p>Hello world!</p>
<?php
endif;
}
add_action ( ‘bp_before_register_page’, ‘add_register_page_alert’ );
?>
Then add any custom CSS to the custom.css file reference above. To see the HTML and custom.css used on the demo register page, use Firebug for Firefox.

2. I know you’re limiting the amount of colors available so far, but where in the CSS file is that option if I’d like to change it myself? i.e. what field changes the header color (and I assume the footer text as well)?

You should use the custom.css file for this. Go into any of the files within the “css” directory (ex. default.css, green.css, etc.) and copy the CSS in any one of those files, then paste that CSS into your custom.css file. Use the CSS you just pasted in custom.css to customize the colors however you’d like. Custom.css, if enabled properly, will override the color choice selected in the backend.

3. Is there any way to add a custom logo to the header? If so, how would I do that?

Create the custom.css file if you haven’t already. Upload your logo to the server – I’d create a folder in the theme for this, something like “custom-images” or whatever. Then use a CSS image replacement technique referencing that logo/image in your CSS.

https://css-tricks.com/630-css-image-replacement/

I’ll ask the WPTRT if there’s any way they can enable BuddyPress for the preview system. For now, you can preview the theme at https://friscotheme.com/demo/

By default, BuddyPress is using the “BuddyBar”. If you’d prefer to use the new admin bar, add define('BP_USE_WP_ADMIN_BAR', true); to your wp-config.php file just above where it says “That’s all, stop editing! Happy blogging.”

This tip, and a couple others like it, are listed towards the bottom of the “Theme Options” page in your dashboard at “Appearance > Theme Options”.

Once you activate the plugin, you’ll need to go to “Appearance > Widgets” in the dashboard and look for the “Inbox” widget. Drag it into the area you’d like, normally sidebar.

It will work. Just make sure your WordPress.com blog where the videos are uploaded/hosted is set to private (visible only to you) in privacy settings.

For the individual videos, you probably want to restrict them from being shared on other sites and then allow the domain on which your www.ads-software.com uses to be an allowed domain for playback.

The video will play in Flash if it’s available. Disable Flash in Safari and then test.

Just tested your link on my iPhone and it worked.

If a video isn’t “shareable” (in the video’s settings) then it will only play using Flash.

Holger/Hedrich31: The videopress.com demo videos play fine on an iPhone.

Only videos embedded on wordpress.com blogs have the new non-flash fallback at the moment.

Because you’re self-hosted, your videos are still using flash-only.

But the www.ads-software.com plugin will be updated soon and then you’ll be good to go.

https://www.ads-software.com/extend/plugins/video/

I just updated the Mage Enabler plugin to 1.2.2 and it works perfectly.

Thanks, Richard!