This topic has 3 replies, 2 voices, and was last updated 8 years by Radu.

  • Author
  • #138842
     wilfriedMarseille
    Participant

    Hello,
    I’m making the design of my BuddyPress Profile.
    I got 3 problem. I succed to resolv 2 of them, but i’m not sure by the process.
    If you look the pic number 1, when a part of the form is a checkbox, i don’t get label but legend and the CSS is not the same. I succeed to change it by CSS with this CSS code :

    .legend {

    font-size : 16px;

    color : black;

    }

    But I don’t find how can I align the “Legend” like the Label Name

    2nd problem

    i would like hide the “this field can be see by all user” ( ce champ peut être vu par tous “in french” ).

    I found a solution but i’m not sure by the way.

    I just add this CSS code :

    #buddypress .field-visibility-settings-notoggle {
    1. visibilityhidden;

    If you love Ableton check my blog :
    www.zikrea.com

    Attachments:
    You must be logged in to view attached files.
    #138906
     Radu
    Moderator

    Hi,

    Try to hide that with this CSS

    COPY CODE
    
    
    .field-visibility-settings, .field-visibility-settings-toggle, .field-visibility-settings-notoggle {
        display: none !important;
    }
    
    

    If you want to modify this directly to the php files just copy this file wp-content/themes/kleo/buddypress/members/single/profile/edit.php to /wp-content/themes/kleo-child/buddypress/members/single/profile/edit.php

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
    #139077
     wilfriedMarseille
    Participant

    Thanks,

    But to align my checkbox field legend,
    With my edit Field Label
    Do you know how can i do that ?

    ( Look the pic 1-5 .png ) But now is in the same Design but is not align …

    If you love Ableton check my blog :
    www.zikrea.com

    #139271
     Radu
    Moderator

    Hi,

    That cannot be aligned because it’s wrapped in a container that generates a padding and margins and use this instead

    COPY CODE
    
    
    .checkbox legend {font-size: 2em;color : black;font-weight: bold;margin-left: 10px;padding: 20px 0;list-style-type: circle;display: list-item;}
    
    

    It will differentiates for the values

    Cheers
    R.

    Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution
Viewing 4 posts - 1 through 4 (of 4 total)

The forum ‘Bugs & Issues’ is closed to new topics and replies.

Log in with your credentials

Forgot your details?