Save files.
[Resolved] HTML changes for Akita Theme
-
Hi there and sorry for the most likely dumb question but i can’t seem to properly integrate Buddypress with the Akita theme from Themeblvd?
The page.php file is as follows:
My apologies I’m terrible with my understanding of php etc.. but when I copied the code above for another Themeblvd theme (Akita) the resulting page comes up blank? Is their a solution for the Akita theme?
The themes page.php file is as follows:
-
@keats18 while I copied the code to pastebin.com, a fellow mod or admin also pasted it in pastebin.com above mine Please do not post large blocks of code here.
I also need the code from your theme’s content-page.php -> please post in pastebin.com
I have pasted it to:
http://pastebin.com/HM47NKAiI’m assuming you mean the parent theme’s content.page.php as I can’t see any in the child theme that I have Buddypress in.
@keats18 Per scan of your theme’s HTML structure, you’d need to use the first option, i.e., change 16 template files within the 6 BP folders transferred to your Akita theme folder in server during the compatibility process.
If you’ve previously changed any of the BP template files in your theme folder, replace all of them for a clean slate by deleting the 6 BP folders in server – /activity, /blogs, /forums, /groups, /members, and /registration – then re-run Appearance > BP Compatibility.
Download the 6 clean BP folders to your computer hard drive.
A. At the top of each of those 16 template files I linked to above, replace
``with
`<?php get_header();
themeblvd_main_start();
themeblvd_main_top();
themeblvd_breadcrumbs();
themeblvd_before_layout();
?><article id="post-” >`B. At the bottom of the same 16 files, replace:
`
`
with the following (except for registration/register.php):
`<?php
themeblvd_main_bottom();
themeblvd_main_end();
get_footer();`with the following for registration/register.php:
`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();
});
});<?php
themeblvd_main_bottom();
themeblvd_main_end();
get_footer();`Save files.
C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/akita/
D. Go to the style modifications made in BP Twenty Ten for reference especially with removing the bullets and bringing in the extended width of the BP elements. https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and copy these over to your theme’s stylesheet and adjust as needed.
Thanks for all your help @mercime I followed it to a T although some issues still remain, the sidebars are showing up under the main content (I’ve now disabled them). Also what is the relevance of the M Flora Peterson picture, I definitely don’t want that on my pages! Also the page heading, members bar and second divider are also out of place, more so when looking at the page on a mobile
== the sidebars are showing up under the main content ==
Hmm, fixing alignment about should have resolved that. I’ll check your site in a moment.
== what is the relevance of the M Flora Peterson picture ==
Sorry about that I was comparing the codes of both Akita and Alyeska https://buddypress.org/community/groups/installing-buddypress/forum/topic/customising-alyeska-theme-for-buddypress/ which had that image and forgot to delete it from code posted. I’ve deleted it above now.
== page heading, members bar and second divider are also out of place ==
Did you add the styles from codex page I referred to above? That would have taken in the horizontal overflow of the item and sub navigation elements.
Sidebars are now fitting in nicely, picture has been taken out but horizontal overflow is still there. I added the code from codex page to Themeblvd child theme style.css
The page name is also coming down on top of the ‘search’ field on an iPhone, I’m not too worried about that, although i don’t actually need the search function in case it was easy to just delete.
Thanks again for your help, slowly getting my head around itApologies overflow has been fixed (must’ve just taken a while for the changes to show). Still the overlap on a smart phone but not a massive deal
Hello:
I am using the Akita theme (ThemeBlvd). I have installed the latest versions of WP, BP, and my theme.
I was expecting the latest version of BP to be compatible with my theme without any additional work.
However, after installing BP and assigning the initial pages during setup (members/register/ activate) the layout of the pages is not correct. There are no sidebars, and a site directory appears at the bottom of the page.
I have been looking for concise instructions on what needs to be done to finish the setup. I don’t have much experience doing advanced tasks, so I would like concise instructions that I can provide to someone with more skills.
http://aaom.mb.ca/activate-bp/
http://aaom.mb.ca/members-buddypress/Thanks
RickHello:
I am using the Akita theme (ThemeBlvd). I have installed the latest versions of WP, BP, and my theme.
I was expecting the latest version of BP to be compatible with my theme without any additional work.
However, after installing BP and assigning the initial pages during setup (members/register/ activate) the layout of the pages is not correct. There are no sidebars, and a site directory appears at the bottom of the page.
I have been looking for concise instructions on what needs to be done to finish the setup. I don’t have much experience doing advanced tasks, so I would like concise instructions that I can provide to someone with more skills.
http://aaom.mb.ca/activate-bp/
http://aaom.mb.ca/members-buddypress/Thanks
Rick
- The topic ‘[Resolved] HTML changes for Akita Theme’ is closed to new replies.