• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Need help increasing font size for bulleted lists

Welcome!

These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Need help increasing font size for bulleted lists

This topic is: not resolved

Tagged: Magazine Pro

  • This topic has 5 replies, 2 voices, and was last updated 1 year, 6 months ago by Anita.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • December 3, 2020 at 11:45 am #502172
    cguttery
    Participant

    Hi,
    Thanks in advance for your help. I'm on the latest version of Magazine Pro. I'm finding that when I use a bulleted list, my font size is being reduced, making that copy harder to read.
    I've set my body font size to 18pt in the customized default typography area of "appearance". But it doesn't seem to be applying to the bulleted lists.

    Do I need some custom CSS to boost up the bullet font size? If so, can you help me with the right code?

    Here's an example of a page w/ the smaller font size (scroll to the bottom)

    Uniquely SF: 30 Unusual, & Cool Things to Do in San Francisco

    Here's an example of my other site with a larger size bullet (on an older Daily Dish theme). This is what I want for the california site.

    9 Great Camino de Santiago Movies: Motivation, Inspiration & Perspiration

    https://californiacrossings.com/unusual-cool-things-to-do-in-san-francisco/
    December 3, 2020 at 12:00 pm #502173
    Anita
    Keymaster

    You would also need to change the "marker" which is the bullet. Add this to the Additional CSS box.

    ul li::marker {
      font-size: 1.5em;
    }
    

    Love coffee, chocolate and my Bella!

    December 4, 2020 at 12:29 pm #502193
    cguttery
    Participant

    Thanks for the quick reply Anita. When I add in that code, it increases the line spacing but not the font. I tried using the following, but it didn't work either.

    ul li::marker {
    font-size: 18px;
    }

    But I found the following elsewhere and it seems to be working. Does this code look kosher to you?

    .has-medium-font-size ui, oi, li
    { font-size:18px;
    }

    December 4, 2020 at 12:36 pm #502194
    Anita
    Keymaster

    Where did you place the code provided? I based my response on your statement that you already set your font size for the body.

    I've set my body font size to 18pt in the customized default typography area of "appearance". But it doesn't seem to be applying to the bulleted lists.

    If you want them to be the same size, they should be equal in the px.

    If you added the code directly to the stylesheet, you'll need to clear your cache to see the changes.


    Love coffee, chocolate and my Bella!

    December 4, 2020 at 4:27 pm #502197
    cguttery
    Participant

    I set the 18 pt type in appearance>>typography>>default typography.

    But I put your suggested code into the >>add additional css field.

    I did clear cache on it and it's just adding spacing between lines but not enlarging the font. Perhaps a quirk of the theme?

    The "has-medium-font...." code that I noted above did work. But I just wanted to make sure that it wouldn't have some unintended effect elsewhere in my css

    December 4, 2020 at 7:28 pm #502201
    Anita
    Keymaster

    You stated:

    I set the 18 pt type in appearance>>typography>>default typography.

    Your theme doesn't come with a Typography setting. You must have a plugin installed for manipulate the fonts. So that could be your issue.

    You also have Autoptimize active. That too can be an issue.


    Love coffee, chocolate and my Bella!

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble