Archived

This topic is now archived and is closed to further replies.

  • 0

Resolved Change font size in "Letters"


Question

Posted · Report post

Using Letters for a blog and need some assistance as to how to change the font size in posts using Letters - both the heading and content. The demo version on the website has a nice font but could not see how to change it. Thanks

Share this post


Link to post
Share on other sites

6 answers to this question

Posted · Report post

Hi there, the letters section uses the same typography settings from the Pagelines>Site Options>Typography page. Changing the headings and body font/styling in there will also affect the content in the letters section.

If you wish to style the font in the letters section differently from the rest of the site, you'll need to use Css as per below. I've left all the other css options inside the code in case there's other adjustments you want to make. If not, just delete the lines which aren't applicable.

For the title


.pl-letters-container .letters-article .letters-title {

    font-size: 34px;

    letter-spacing: -0.03em;

    line-height: 1.1em;

    margin: 26px 0;

}

For the content

.pl-letters-container .letters-article .letters-content {

    color: rgba(61, 61, 61, 0.8);

    font-size: 17px;

    font-weight: 300;

    line-height: 26px;

    margin: 0;

    text-align: left;

}

Share this post


Link to post
Share on other sites

Posted · Report post

I've followed the above instructions, placing my desired settings for the PageLines Letters  in the Custom Code area, but nothing's changing on the blog entry. It's just the default settings for Letters. Because I am using the PageLines Base Child Theme, I also attempted to edit the style.less sheet for the Letters section using the Sublime Text 2 app for OS X, but there is still no change visible, even after refreshing browser cache.

 

Any thoughts? Is there some format I'm missing when editing the style.less sheet? This is my first attempt to edit a LESS file, having only edited CSS files before.

 

I'm trying to increase the text size to 19px and the line height to 29px for the Letters section, to further enhance long form readability.

Share this post


Link to post
Share on other sites

Posted · Report post

Hi, If a topics has been marked Resolved, which this one has, its very rare that one of our staff members will view a reply to the topic. Therefore please create your own topic regarding this issue and we will be happy to assist you.

Share this post


Link to post
Share on other sites

Posted · Report post

Thanks

Share this post


Link to post
Share on other sites

Posted · Report post

You're welcome, glad it worked :-)

Share this post


Link to post
Share on other sites

Posted · Report post

The topic was marked as resolved.

Share this post


Link to post
Share on other sites