How can I change the font size in a bulleted or numbered lists

  • Posted in : Readme
  • rubens17
    Participant

    How can I change the font size in a bulleted or numbered lists, to be the same as the font in the text? Now is smaller.

    Now the long bulleted or numbered lists make text looks bad.

    Link to my article where you can see the problem very well:

    http://rafalruba.pl/szczescie/

    serkan
    Moderator

    Hi rubens17,
    You can use this custom css code;

    ol, ul { font-size: 19px; }

    Thanks

    rubens17
    Participant

    Now work fine, but only desktop. Mobile is not responsive when I use your crustom code.

    serkan
    Moderator

    Hi rubens17,
    You can use this custom css code for mobile devices.

    @media screen and (max-width: 768px) { ol, ul { font-size: 1em; } }

    Thanks

    rubens17
    Participant

    Work! Now look great!

    Thanks again serkan ;)

    serkan
    Moderator

    You are welcome =)

    rubens17
    Participant

    Finally not work, when I use your crustom code together, mobile still not working properly ;/ Front is too big for mobile.

    serkan
    Moderator

    Hi rubens17,
    You can decrease the 19px if it is too big for the mobile.

    rubens17
    Participant

    But 19px is the same front size as normal text on desktop. When I use 16px is ok to mobile, but not desktop. And vice versa when I use 19px is ok to desktop, but not mobile.

    I conclude Readme Theme use smaller font size in a bulleted or numbered lists, because this part of text is not responsive?

    rubens17
    Participant

    Responsive in this situation mean for me – not change front size in a a bulleted or numbered lists. Front size is the same in mobile and desktop but normal text change front size(is responsive)

    serkan
    Moderator

    Hi rubens17,
    We can specific point out the bullet lists with that codes.

    @media screen and (max-width: 767px) { ol, ul { font-size: 16px} }
    @media screen and (min-width: 768px) { ol, ul { font-size: 19px} }

    Thanks

    rubens17
    Participant

    Still not working. Mobile have still 19px.

    serkan
    Moderator

    Where do you paste your custom css codes? I could not find those custom css codes in your website.
    http://www.pixelwars.org/forums/topic/how-to-use-custom-css-for-wordpress-themes/

    rubens17
    Participant

    Hi,
    I checked the changes in incognito mode and not see any change. I try again and now all work fine :D

    Thank you for your patience ;)

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

Viewing 15 posts - 1 through 15 (of 15 total)

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register