Group admin in header looks skew when viewing BuddyPress Docs tab

• vunguyen

  said

  Hi guys,

  Any insight would be much appreciated!

  The Group Admin looks a bit skew – Salutation Wordpress theme. Plus it looks like there is an un-order list showing.
  This is how it suppose to look
  https://dl.dropbox.com/u/51342454/Web/Default.jpg
  This is how it looks when you click on the Doc tab
  https://dl.dropbox.com/u/51342454/Web/skewlayout.jpg

  When I do an inspection here what it looks like
  https://dl.dropbox.com/u/51342454/Web/Inspection%20of%20issue.jpg
  Note: the margin: turning it off doesn’t really help though
  When I do an inspection of a normal looking one
  https://dl.dropbox.com/u/51342454/Web/Inspection%20of%20normal%20look.jpg
  This is the code in the buddypress.css in the theme.
  https://dl.dropbox.com/u/51342454/Web/code%20in%20buddypressdotcss%20of%20the%20theme.jpg

  Question: How can I make it looks normal?

  Thanks guys

• jeffw

  said

  Hi, vunguyen.

  That looks like a CSS issue, like there is some CSS that is walking over the list style that is used to display avatars. I guess it is the BuddyPress Docs plugin that is the culprit but without a link to a live web page all I can do is guess.

  I seem to recall seeing this issue before. If you search this forum for “buddypress docs” you might find previous topics discussing issues with this plugin.

• vunguyen

  said

  Hi jeffw,

  Thank you for your reply.
  I did search and read any topic related to buddypress docs.
  I found on topic: http://para.llel.us/support/groups/salutation-wordpress/forum/topic/list-style-for-bp-admins-and-mods-in-group-header-of-salutation-v2-0/?topic_page=3&num=15
  A partial fix: #item-actions ul li { list-style-type: none !important; }
  apply this will remove the dot right before the username.

  However, it still doesn’t fix the whole issue.
  How do I send you the link for the website + the username and password?
  The support forum doesn’t seem to have private message enable.

  Thanks again!

• vunguyen

  said

  Hi Jeffw,

  I figured it out why. I just don’t know how to fix it.
  When you click on the doc tab, it switched the template from Buddypress template to page template with a right handside bar.
  This is the file path it loads: /wp-content/themes/parallelus-salutation/groups/single/plugins.php
  This is the file path a normal looking one load: /wp-content/themes/parallelus-salutation/groups/single/home.php
  Solution? :/

  Cheers guys!

• jeffw

  said

  Hi, vunguyen.

  This is the post you need to read, it contains the exact instructions you need to register a BuddyPress Docs custom template for use in the Salutation theme:

  http://para.llel.us/support/groups/salutation-wordpress/forum/topic/buddypress-docs-layout/?topic_page=2&num=15#post-31724

• vunguyen

  said

  Hi Jeffw,

  I read that post before posting my question.
  If I’m not mistaken, that will help if I want to create a custom template for create page of buddypress docs.
  That helps because the original template was called from the plugin template file.
  /buddypress-docs/includes/templates/docs/single-bp_doc.php

  $the_template_file = WP_PLUGIN_DIR . "/buddypress-docs/includes/templates/docs/single-bp_doc.php";
  register_context( 'BuddyPress Docs Create', 'bp_docs_create', $the_template_file);
  

  Using the code above, I was able to change the template for create docs page.

  In my case, the doc tab called a file from Salutation template.
  /wp-content/themes/parallelus-salutation/groups/single/plugins.php
  instead of /wp-content/themes/parallelus-salutation/groups/single/home.php

  Maybe I’m a bit dumb but I don’t see the two are related.
  If they are, does that means I need to add something like this into the functions.php file?
  If I do this, any other page calling /parallelus-salutation/groups/single/plugins.php will be affected as well. Am I right? It is a good idea?

  $the_template_file = WP_THEME_DIR. "/parallelus-salutation/groups/single/plugins.php";
  register_context( 'BuddyPress Docs Profile Tab', 'bp_docs_profile_tab', $the_template_file);
  

  I’m a bit slow with this. It doesn’t make sense to me

  Cheers mate!

• jeffw

  said

  I don’t really know any more than what’s in that other topic. If that doesn’t help you then I’ll need to leave this one for @andy to sort out because I don”t use BuddyPress.

• vunguyen

  said

  Thanks Jeffw,

  I will wait for Andy’s answer.

  Really appreciate your help!

• vunguyen

  said

  Hi guys,

  This is from the creator of buddypress docs:

  This is by design. The markup of plugins.php should look just like the
  markup of home.php. If it doesn’t, it’s a bug in your theme.

  Cheers!

• vunguyen

  said

  Hi Guys,

  Any solution please?

  Cheers!

• jeffw

  said

  Hi, vunguyen.

  Having read through the thread, Andy tells me that he is unsure what part of the original issue was fixed and what part was not. If you can please summarize the exact issue that is not resolved then Andy will look into it.

  Also, can you please confirm that you are using the latest version of the theme, which is 2.0.3?

• vunguyen

  said

  Hi Jeffw,

  I’m sorry about the late reply.
  Here is the summary:
  - I’m using the latest theme (what ever available for download on Themeforest)
  - The buddypress docs tab or any other tab created with plugin with have Group admin looks style looks like this:
  https://dl.dropbox.com/u/51342454/Web/skewlayout.jpg
  NOTE: Please look at the size of the avatar, the style of the Group Admin text and its position
  - The normal one should look like this:
  https://dl.dropbox.com/u/51342454/Web/Default.jpg

  - Reason for that look:
  + When you click any tab created by plugin, it will load this
  /wp-content/themes/parallelus-salutation/groups/single/plugins.php
  + When you click any normal tab, it will load this
  /wp-content/themes/parallelus-salutation/groups/single/home.php
  (Comments from Buddypress Docs’ creator: This is by design. The markup of plugins.php should look just like the
  markup of home.php. If it doesn’t, it’s a bug in your theme.)

  - Solution 1: Jeffw provided
  #item-actions ul li { list-style-type: none !important; }
  will only remove the . (DOT) before the username in this picture
  https://dl.dropbox.com/u/51342454/Web/skewlayout.jpg

  - Solution 2: Jeffw linked
  http://para.llel.us/support/groups/salutation-wordpress/forum/topic/buddypress-docs-layout/?topic_page=2&num=15#post-31724
  If I understand it right, it will only help if I want to change the theme of a create new doc page or something.

  I hope this clear things up.
  Any question, please let me know.

  Thanks guys!

• jeffw

  said

  It’ll be a simple CSS conflict. The BuddyPress Docs CSS is walking over the the theme’s CSS.

  If you use the Internet Explorer, Chrome or Safari browsers you can use their built-in developer tools to point at and “inspect” elements on a web page to find out what styles they use. You can even tweak the styles live to experiment with any changes you might fancy. If you use Firefox then there is an add-on named Firebug you can install which gives that browser the same functionality as the developer tools built into the other browsers.

  If you want me to look it up for you then I’ll need a link to a live web page that displays the issue.

• vunguyen

  said

  Hi Jeffw,

  Is this the same jeffw I’ve been talking to? I show the inspection from Chrome in the first post. You saw it yourself.
  This is the short version

  + When you click any tab created by plugin, it will load this
  /wp-content/themes/parallelus-salutation/groups/single/plugins.php
  + When you click any normal tab, it will load this
  /wp-content/themes/parallelus-salutation/groups/single/home.php
  (Comments from Buddypress Docs’ creator: This is by design. The markup of plugins.php should look just like the
  markup of home.php. If it doesn’t, it’s a bug in your theme.)
  

  I asked for a way to send you the link + username and password in the previous post. (No answer from you)
  Do you prefer me to post it here? You and Andy mentioned in some other posts that you guys don’t like it.
  I sent you guys the link + username + password using Themeforest send message function.

  Cheers guys!

• jeffw

  said

  Hi, vunguyen.

  As I said, it’ll most likely be a simple CSS conflict. The BuddyPress Docs CSS is walking over the the theme’s CSS. If you can’t figure this one out for yourself then I will need to ask you to be patient and wait for @andy to look into the issue and get back to you.