👻 Halloween Treat: Our biggest-ever 25% OFF memberships — use SPOOKYSOCIAL before Nov 1! 🎃

BuddyDev

Search

[Resolved] Styling of user groups in general

  • Participant
    Level: Yogi
    Posts: 1117
    calu on March 3, 2021 at 11:32 am #36549

    Hi there, styling the td.label and td.data content in table.profile-fields for the different profile field groups has proven to be a challenge with a lot of adjustments of margins and paddings and use of flex boxes, because some fields are core profile fields and some are xprofile fields.

    Do you have any suggestions, how to approach the styling of the groups the best way?

    Regards
    Carsten

  • Keymaster
    (BuddyDev Team)
    Posts: 25196
    Brajesh Singh on March 3, 2021 at 10:48 pm #36561

    Hi Carsten,
    Thank you for the question. The use of table restricts layout.

    If you go with a table-less layout, you might have a lot more control(but that will need you to do the custom css again).

    regards
    Brajesh

  • Participant
    Level: Yogi
    Posts: 1117
    calu on March 3, 2021 at 10:55 pm #36565

    Hi Brajesh, thanks for the explanation, the term is new to me, what is table-less layout, and how do I exploit it in relation to xprofile fields which is based on tables?

    Regards
    Carsten

  • Keymaster
    (BuddyDev Team)
    Posts: 25196
    Brajesh Singh on March 3, 2021 at 10:59 pm #36566

    Hi Carsten,
    The markup you are using is using html table to layout the field and data.
    By table less, I meant using div etc to create rows/columns.

    Regards
    Brajesh

  • Participant
    Level: Yogi
    Posts: 1117
    calu on March 3, 2021 at 11:05 pm #36568

    Hi Brajesh, thanks for the clarification, it sounds like a good solution, but not easy to achieve, I guess.

    Are there any documentation to find on the subject?

    Regards
    Carsten

You must be logged in to reply to this topic.

This topic is: resolved