Font options (fonts, size, paragraph spacing)

  • Resolved yig

    (@yig)


    8 years, 3 months ago

    Hi there,

    I would like to be able to edit the font type, the default font size for a post, and the paragraph spacing. Are there any .css editing that I can do for this?

    I’ve found some paragraph spacing codes for .css however I couldn’t make it work. I would like to have a shorter spacing between lines. (As I also want to decrease the font size).

    I can do minor font size changes through text page, but is there a way to select a default size for all the site?

    And how can I choose a different font type as default?

    I would prefer to do all this through Customise panel rather than extra plugins…

    Any help would be appreciated. ??
    Cheers

Viewing 2 replies - 1 through 2 (of 2 total)
  • Thread Starter yig

    (@yig)

    Alright,
    I think I have now found out how to do the paragraph spacing:

    .post p{
line-height: 1.0em;
padding-bottom: 0px;
}

    But my other questions are still valid. ??

    Hi yig!

    The code you posted above will only change the line height in blog posts, if you’d like to change it for paragraphs across the entire site, try the following:

    p {
  line-height: 1.0em;
}

    I left off the padding attribute, because Gazette paragraphs don’t have any bottom padding to begin with ??

    For the font size, try the following CSS snippet in your Customizer:

    @media screen and (min-width: 768px){
body {
    font-size: 18px;
}
}

    That applies to screens above a certain size – allowing for a different setting on mobile devices with smaller screens ??

    Changing fonts are is a little more involved. You set them using the CSS font-family attribute

    You can use web-based fonts like Google Fonts (Getting Started Guide), or you can stick to web safe font stacks ??

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Font options (fonts, size, paragraph spacing)’ is closed to new replies.