Support » Plugin: Nonprofit Board Management » Decreasing the font size?

  • Resolved donnalussier

    (@donnalussier)


    Hi, this seems like a promising program. I am webmaster of a garden club and we have a board and committees. I have installed and successfully implemented the short code to list the board members on a page for a selective audience. However, the font size is huge! Apparently it’s grabbing the Header size ….. I don’t want to change my theme just for this, so is there any way I can change it to a smaller size?

    Thanks
    Donna

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Wired Impact

    (@wiredimpact)

    Thanks for reaching out Donna. As long as you’re using WordPress 4.7, you can change the font size by adding some custom CSS within the customizer. Take a look at Method 1 of http://www.wpbeginner.com/plugins/how-to-easily-add-custom-css-to-your-wordpress-site/ for details on how to do this.

    The CSS you’ll need will look something like this:

    .board-member h3 {
      font-size: 15px;
    }

    You can change the font-size to whatever number you’d like to make it smaller or larger.

    Let me know how that works for you.

    Jonathan
    Wired Impact

    Thread Starter donnalussier

    (@donnalussier)

    Hi Jonathan, thank you for the wonderful link on how to work with this new feature in 4.7. It worked for changing the list of names for the board members but not for the Title. The title is header 1 and I changed your code from h3 to h1 and it still remains huge! Here is a screenshot of what I am referring to. http://www.sandowngardenclub.org/wp-content/uploads/2017/01/Screen-Shot-2017-01-04-at-7.49.56-AM.png

    Thanks
    Donna

    Plugin Author Wired Impact

    (@wiredimpact)

    Hi Donna,

    The h1 you’re referring to is actually the page title used by your theme. You can see the same h1 being used at the same size on http://www.sandowngardenclub.org/about/ and http://www.sandowngardenclub.org/services/. A lot of themes now are using large page title headings like those so it’s easy for the user to see where they are on a site. While I wouldn’t recommend making it smaller across the board, you could adjust it with this CSS:

    h1.page-title {
      font-size: 15px;
    }

    It’s worth noting too that your theme uses different font sizes based on the width of the screen (phones, tablets, computers, etc.). If you set the font size using the code above you’ll be setting it on every device size which may not be the best approach.

    Jonathan
    Wired Impact

    Thread Starter donnalussier

    (@donnalussier)

    Yes, your code worked but prior to this I did some detective work and tried the below code which also worked. You are the most responsive forum moderator I know!! Thank you.

    Can you tell me how to reduce the line spacing between the board members? Maybe I’ll figure it out before your respond. If so, I will post back.

    .page-title {
    font-size: 26px;
    }

    I just love this new CSS feature in WordPress.

    Donna

    Thread Starter donnalussier

    (@donnalussier)

    Hi, I have decided to deactivate the plugin because it won’t list the committees separately therefore it is not necessary to answer the last question and you can close this topic.

    Plugin Author Wired Impact

    (@wiredimpact)

    Thanks for letting me know Donna. Good luck with the website!

    Jonathan

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Decreasing the font size?’ is closed to new replies.