BuddyPress Font Size on Profile Page

Hello,

I am using BuddyPress Legacy with Renew Stack and for some reason, the H2 setting for the custom XProfile Group grows to 287% its actual size. I can’t find where it is doing this. This is what I see in Firefox Developer.

I am referring to the headings “Contact” & “Human Resources” with an arrow pointing to its CSS attributes.

I am using a child theme.

Can you please help?

Thank you in advance.

I will place the login credentials in a separate note.

Can someone please look at this?

Thank you in advance for your help.

Hi Pam,

I’d appreciate it if you wait for one of the support staff to get back to you after you open up a thread or sending a reply, bumping your own reply will reset the queue and will bring the thread to the end of the list and it will increase the waiting time.

The behavior that you see is the default behavior of the Renew stack. Here are the percentages for the headings:

  • h1: 400%
  • h2: 287.5%
  • h3: 228.5%

The % that you see is in relation to the root font size that you can set in X > Theme Options > Typography.

If you want to override the behavior, please kindly add the CSS code below to X > Theme Options > CSS:

body h4, body .h4 {
    font-size: 20px;
}

body h3, body .h3 {
    font-size: 23px;
}

body h2, body .h2 {
    font-size: 25px;
}

body h1, body .h1 {
    font-size: 20px;
}

Feel free to change the values to whatever size you like.

Thank you.

Thank you Christopher

You’re welcome!
We’re glad @Christopher were able to help you out.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.