Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Fixing Alignment Problems on pages using Buddypress – Catch Box themeCath

  • @ed161718

    Participant

    Okay, I just installed the theme “Catch Box” to my website: http://www.fifaadvocate.com . Now I am in the process of fixing the alignment issues caused by BuddyPress on the affected pages. I have installed the BuddyPress Template Pack plugin, as this is not a compatible BuddyPress theme. I have almost no experience with FTP when editing, but understand step 3 requires some editing of my themes template files, so providing the specific code I need to add to any files is best for me. It seems, the header is too short or something like that, the right sidebar does not have enough room, and gets pushed below the content, and the content is being narrowed. Any help would be really appreciated!!!

Viewing 13 replies - 1 through 13 (of 13 total)
  • @mercime

    Participant

    @ed161718 open up your theme’s header.php with a text editor, copy all code, paste code in pastebin.com, click submit and post the generated URL here. Do the same for your catchbox theme’s index.php, page.php, sidebar.php and footer.php files.

    @ed161718

    Participant

    [ header.php : http://pastebin.com/vUewBuD9 ] [index.php : http://pastebin.com/ASQVp8gK ] [page.php : http://pastebin.com/Es97Tfbr ] [sidebar.php : http://pastebin.com/iXEmmiUh ] [sidebar-footer.php : http://pastebin.com/n3tmQguW ] [footer.php : http://pastebin.com/V3GcVRGx ]

    I included the sidebar-footer just in case, and thank you so far for the help!

    @mercime

    Participant

    @ed161718 just checked the codes you posted. For the catch box theme, you would need to revise 16 template files from the BP template folders transferred to your theme folder in wp-content/themes/catch-box/ during the Appearance > BP Compatibility process. If you still want the instructions, let me know.

    @ed161718

    Participant

    Yeah, I learn as I go, so do please post the instructions.

    @mercime

    Participant

    @ed161718 page.php requires content-page.php and I need the code to the latter to complete the instructions.

    @ed161718

    Participant

    okay sorry for the delay, here is the content-page.php : http://pastebin.com/c8hRpDDn

    @sciencefiction68

    Participant

    Hello. Im having exact same problem. I tried to mix up with style css on my own. But couldn’t manage to solve the problem due to my luck of knowledge on programming. So i reset everything. Im Using Pinboard theme. Widget area is pushed down… You can see it on http://mikrospark.com/istifadeciler/
    What should i do?

    header.php http://pastebin.com/WWWUQZWh
    index.php http://pastebin.com/BGPXMw0L
    page.php http://pastebin.com/kg6nEXiY
    sidebar.php http://pastebin.com/3ErbYaeG
    footer.php http://pastebin.com/1dPfs2Fi
    I dont have content-page.php …???

    @mercime

    Participant

    @sciencefiction68 this topic is specific for the alignment of the Catch Box theme for ed161718. Please start a new topic, copy over what you’ve posted above and I’ll help you there.

    @mercime

    Participant

    @ed161718 You need to change 16 template files within the 6 BP folders transferred to your catch-box theme folder in server during the compatibility process.

    If you’ve previously changed any of the BP template files in your catch-box theme folder in server, replace all of them for a clean slate by deleting the 6 BP folders – /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 the following:
    `
    <article id="post-” >

    `

    Then, in each of 16 files, you’d like to change the BP Templates’ page title’s header tag from `

    ` or `

    ..

    ` to `

    // Titles Of Respective BP Page Templates //

    `, AND move title to above `

    `. Just watch out when you do this in the /activity/index.php page.

    Save files.

    @mercime

    Participant

    B. At the bottom of the same 16 files, replace:
    `

    `

    with the following (except for registration/register.php):
    `

    `

    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();
    });
    });

    `

    Save files.

    C. Upload the 6 BP folders containing the 16 files you’ve just revised to your server wp-content/themes/catch-box/

    D. Copy the style modifications made in BP Twenty Ten at https://codex.buddypress.org/theme-development/theme-dev-bp-template-pack-walkthrough-twenty-ten-bp-1-5/3/ and paste to your theme’s stylesheet. Adjust to taste.

    @sciencefiction68

    Participant

    done!:)

    @ed161718

    Participant

    Thanks for all the help, all I have to do is tweak it now!

    @mercime

    Participant

    :-)

Viewing 13 replies - 1 through 13 (of 13 total)
  • The topic ‘[Resolved] Fixing Alignment Problems on pages using Buddypress – Catch Box themeCath’ is closed to new replies.
Skip to toolbar