WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Change font/text size (9 posts)

  1. ReemAlHashmi
    Member
    Posted 1 year ago #

    Hello!

    I'm currently using the Spun theme but I would like to change the text size in my blog posts because its too big. How can I do that?

    Thanks in advance!

  2. Andrew
    Forum Moderator
    Posted 1 year ago #

    Do you have a "Custom CSS" section of the dashboard, or are you using a Child Theme?

  3. ReemAlHashmi
    Member
    Posted 1 year ago #

    Neither :( I'm still a beginner and have no idea how I go about doing those..

  4. Andrew
    Forum Moderator
    Posted 1 year ago #

    Install this Custom CSS Manager plugin and use its section of the dashboard to hold this:

    .entry-content,
    .entry-summary {
     font-size: 18px;
    }

    The font size is at "18" pixels (px) by default. You can reduce that number.

  5. ReemAlHashmi
    Member
    Posted 1 year ago #

    It worked! But I would only like the text in my blog to be smaller, not all the text in the whole website. What to do?

  6. Andrew
    Forum Moderator
    Posted 1 year ago #

    Try amending this part:

    .entry-content,
    .entry-summary

    To this

    .single .entry-content,
    .single .entry-summary
  7. ReemAlHashmi
    Member
    Posted 1 year ago #

    Thanks so much! That did the trick. Just one more thing, if I want to change the font itself let's say from calibri to century gothic, how can I do that? Again, only for the blog text.

  8. Andrew
    Forum Moderator
    Posted 1 year ago #

    If it's a font commonly found across browsers then you can write a simple line of CSS to apply that font.
    E.g,

    .single .entry-content,
    .single .entry-summary {
     font-size: 18px;
     font-family: arial;
    }

    If it's not a commonly available font found across browsers then you may have to download the font from a vendor like Font Squirrel and then convert them to web-compatible font files. Once you've done that you can use CSS @font-face to apply them in CSS.

    No coding!
    Try this plugin instead http://wordpress.org/plugins/wp-google-fonts/ .

  9. ReemAlHashmi
    Member
    Posted 1 year ago #

    Alright thank you very much for all your help!

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic