Skip to:
Content
Pages
Categories
Search
Top
Bottom

[Resolved] Simple styling

  • Avatar of eddieb12180
    eddieb12180
    Participant

    @eddieb12180

    Hey guys love buddypress, I was wondering if there is a way to style the buddy press rigistration page html.

    Here is the problem Im having, I dont lie the space in between the the field container (textfield) and the description. It seems to much. I would want to decrease tat space. Maybe use a <br> tag instead of a <p> tag. or have it cantained in a <div> and use use custom css. Any assistance would be apreciated.

    http://socialride.org/register/

Viewing 6 replies - 1 through 6 (of 6 total)
  • Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @eddieb12180 Add the simple tweaks below to your child theme’s stylesheet and adjust to taste. Basically, tame the styles of the descriptions and settings so it will be more visually pleasing.

    #buddypress .field-visibility-settings,
    #buddypress .field-visibility-settings-toggle,
    #buddypress .field-visibility-settings-notoggle {
    font-size: 14px !important;
    }

    #buddypress .field-visibility-settings legend,
    #buddypress .field-visibility-settings-toggle {
    font-style: normal !important;
    }

    #buddypress .current-visibility-level {
    font-weight: normal !important;
    }

    #buddypress .field-visibility-settings a.visibility-toggle-link {
    font-style: italic;
    text-decoration: underline;
    }

    #buddypress .field-visibility-settings legend,
    #buddypress .field-visibility-settings-toggle {
    margin-bottom: 0;
    }

    Avatar of eddieb12180
    eddieb12180
    Participant

    @eddieb12180

    @mercime Hey thanks for the response. Ill add those styles to my child. Awesome! But im thinking its more of an html edit im looking at. So where is that mark up? So I can maybe make a template, add it to the plugins directory and just remove the <p> tags. I just feel on the laptop, and the tablet size the there is to much space in between. makes the input field and the description look like they arent flowing together. Im a picky designer that is real anal about negative space lol. Your thoughts please. And im sorry if im just not looking at it the same.

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @eddieb12180 Did you even try adding the styles I provided above? Of course you can make some changes in the registration page’s markup. Copy over the register.php file from https://buddypress.trac.wordpress.org/browser/tags/2.0/bp-templates/bp-legacy/buddypress/members/register.php into yourchildthemefolder/buddypress/members/ folder and make the changes you want to html tags available there.

    Avatar of eddieb12180
    eddieb12180
    Participant

    @eddieb12180

    It was pretty late, im going to try it your solution, of course. I was just expressing what my thoughts about it. And ty for your response. I feel I may have offended you. Not my intention. Just trying to also use some of my own brain power at the same time, in order to comprehend what is going on. So ill jump into today and ill Holla back at ya.

    Avatar of eddieb12180
    eddieb12180
    Participant

    @eddieb12180

    @mercime well I want to ty for your css and I did copy it to my child css. but i thin I was confused because this wasn’t added to the list of css you provided….

    #buddypress .standard-form p.description {
    color: #888;
    font-size: 80%;
    margin: 5px 0;
    margin-top: 5px;
    margin-right: 0px;
    margin-bottom: 5px;
    margin-left: 0px;
    }

    but you providing the css above has really helped out. Big props!

    Avatar of @mercime
    @mercime
    Keymaster

    @mercime

    @eddieb12180 glad you resolved styling of the registration form to your satisfaction :)
    Marking this as resolved.

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

You must be logged in to reply to this topic.