Support only during business hours : Monday to friday, from 8:30 am – 5:30 pm CEST

Due to the decrease in our staff due to vacations, our response time may be longer.

Be sure we're doing our best to manage your topic as soon as possible.

"Field groups" left panel when editing profile not showing correctly

Find Answers and Get Support Forums Cera – Intranet & Community Theme Feature Requests "Field groups" left panel when editing profile not showing correctly

This topic is resolved

Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
    • 19 Topics
    • 55 Posts
    @pilgrimteam
    Up
    0
    ::

    Hello!

    I created a 2nd Field Group to allow the user to add extra information. When I select the second field group, everything displays correctly, with the 2 group fields in the left panel and the form floating on the right (see 1st screenshot). However, when I select the 1st Field group, the display is broken and the form is below the groups (see 2nd screenshot).

    Any idea what could cause it? I checked the HTML and CSS in the inspector, everything seems to be the same, no class missing, etc.

    Thanks for your input!

    ??

    • 19 Topics
    • 55 Posts
    @pilgrimteam

    I found the reason this is happening and how to fix it. Might be useful for someone else:

    In the first field group there is a multiple taxonomy selector (see 1st screenshot). I made it with a plugin called “BuddyPress Xprofile Custom Field Types” that has extended field types.

    The problem was the default width of the field (see 2nd screenshot).
    I solved it with the following code:

    span.select2.select2-container.select2-container--default.select2-container--focus.select2-container--open.select2-container--above {
        width: auto!important;
    }

    That was easier than expected! I guess I self-closed this thread then haha!

    Cheers,

    • 19 Topics
    • 55 Posts
    @pilgrimteam

    No wait I’m about to auto-correct me: correct code is

    span.select2.select2-container.select2-container--default {
    width:auto!important;
    }

    But obviously the CSS selector might be different depending on the field used.

    Themosaurusrex
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 2048 Posts
    @themosaurusrex

    Hi @pilgrimteam,

    Thank you very much for this awesome feedback! You’re making active contribution to our community and we really thank you for it!!! This is awesome and I really hope that other facing the same issue will benefit from the snippet you’ve shared. #SharingIsCaring ??

    Unfortunately, BuddyPress Xprofile Custom Field Types is not supported by our theme (yet) and it appears that it cause issues that we haven’t anticipated. I thus took the liberty to move your topic to the Feature Requests forum, in which we store and discuss integration or feature addition with our community.

    We will add the support for this plugin in a future version as other might benefit from this.

    We’ll keep you informed. Thank you very much for contributing to your theme!

    Best,

    Manathan
    Keymaster
    Themosaurus Support
    • 0 Topics
    • 6297 Posts
    @themodactyl

    Hi @pilgrimteam,

    We recently release a new version of our plugin Grimlock for BuddyPress. Updating your theme, Grimlock plugins and all the other recommended plugins to the latest version should fix this issue.

    If you have correctly updated the theme and Grimlock, the problem should now be fixed. You might still be seeing the issue because your browser cache is showing you an older version of the page (browsers do that to load pages faster). So to see that the issue is resolved you will need to empty your browser cache and reload the page. If you want to read more on what browser cache is and how to clear it, here is an article that might help you:
    https://www.lifewire.com/how-to-clear-cache-2617980

    Cheers,

Viewing 5 posts - 1 through 5 (of 5 total)

The topic ‘"Field groups" left panel when editing profile not showing correctly’ is closed to new replies.

Troubleshooting Demo Imports

You're trying to setup your theme but you're experiencing errors when importing the demo content? Or you've just followed the setup guide but your website doesn't look exactly like our demo? These are common issues for which you can find easy and quick fixes.

Happy With our Support So Far?

Feel free to review our theme on Themeforest! It helps us making our products more known to new potential customers, which allow us more time to improve the quality and develop new features. #SharingIsCaring ❤️

Discover MatchPress

Skip • Like • Super-Like

Add powerful matching features like Member likes, skips, super likes, conditional private messaging and much more.

Setup Your Cera or Gwangi powered Community Website and Turn it into an iOS and Android App

15% discount for Cera users

To unleash the full power of your Cera or Gwangi theme, we have partnered with the Zipline team. Your community website can now be fully setup and turned into your very own custom app for iOS and Android.

Whether you've newly acquired the theme or already got your site up and running, Zipline got you covered. And we got you an incredible discount.

Holiday, Weather & Festive effects
to pimp your WordPress Site