Skip to:
Content
Pages
Categories
Search
Top
Bottom

Zebra styling Profile Page


  • ultimateuser
    Participant

    @ultimateuser

    The problem I have is that not all fields are required when registering. If some members decide not to complete certain field I will get double grey fields or double white fields on the members page – which looks distorted.

    How could you correct this? OR How can I remove the Zebra styling completely?

Viewing 14 replies - 1 through 14 (of 14 total)

  • pcwriter
    Participant

    @pcwriter

    You can find the CSS for the alternate table rows in buddypress/default.css around line 888.


    Virtuali
    Participant

    @gunju2221

    Inspect it with firebug, firebug is your friend when it comes to CSS. :)


    pcwriter
    Participant

    @pcwriter

    Yup… I use it every day! :-)
    http://getfirebug.com/


    r-a-y
    Keymaster

    @r-a-y

    This is a bug.

    Check out this ticket for a proposed fix:
    https://trac.buddypress.org/ticket/3074


    pcwriter
    Participant

    @pcwriter

    @r-a-y

    Thanks for pointing that out… I hadn’t even noticed that the background of entire xprofile groups was alternating rather than each row. :-(
    The patch for bp-default/_inc/global.js works just fine on my install.


    ultimateuser
    Participant

    @ultimateuser

    @r-a-y

    I am having problems installing the patches. I do not have the file bp-xprofile-template.php on my server. Although I do have bp-xprofile-templatetags.php?

    Whats the easiest way to install these patches?


    r-a-y
    Keymaster

    @r-a-y

    @ultimateuser – You only need to install the second patch, not the first.


    ultimateuser
    Participant

    @ultimateuser

    @r-a-y

    Ive tried to edit global.js but it still doesnt work. Where can I download the patch and replace my global.js with the working version? Instead of having to editing the code manually?


    pcwriter
    Participant

    @pcwriter

    @ultimateuser

    You can get the entire global.js code here: http://pastebin.com/32r9bK8d

    Be sure to make a backup copy of your file before replacing it with this just in case stuff breaks!


    ultimateuser
    Participant

    @ultimateuser

    @pcwriter

    Thank you. Ive replaced the global.js file in wp-content/plugins/buddypress/bp-themes/bp-default/_inc/

    But it still doesnt work. If you could have a look at this profile: http://www.hollanduktrade.nl/connect/members/nieuws4000/

    I removed the text in the telephone field which was between ‘Twitter’ and ‘Address’ and now the zebra styling is incorrect – its a grey block.

    What am I doing wrong?


    r-a-y
    Keymaster

    @r-a-y

    @ultimateuser – Since you were manually modifying the profile field loop to hide a certain field, you’d also have to apply both patches.


    ultimateuser
    Participant

    @ultimateuser

    @r-a-y – Ok but they are basically the non-required fields members leave blank when registering.

    I’d like to apply the second patch as well but then I come back to my initial question:

    “I do not have the file bp-xprofile-template.php on my server. Although I do have bp-xprofile-templatetags.php?”

    Can you also include a link to the entire amended file I need to use?


    r-a-y
    Keymaster

    @r-a-y

    Okay, sorry forgot that the patch was for BP 1.3.

    Just open up bp-xprofile-templatetags.php and find lines 197-8 from the first patch and remove them.

    You could also override the “alt” CSS class with the “bp_field_css_classes” filter.


    ultimateuser
    Participant

    @ultimateuser

    Great it finally works!

    So what I’ve done is: I replaced global.js as mentioned by pcwriter ( http://pastebin.com/32r9bK8d )

    and then I removed lines 197-8 as mentioned in patch 1 from bp-xprofile-templatetags.php.

    Thanks @r-a-y for your support!

Viewing 14 replies - 1 through 14 (of 14 total)
  • The topic ‘Zebra styling Profile Page’ is closed to new replies.
Skip to toolbar