Resolved Change font size in "Letters"

[jpmcmahon 0]

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

[James B 436]

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;

}

[jpmcmahon 0]

Thanks

[James B 436]

You're welcome, glad it worked :-)

[James B 436]

The topic was marked as resolved.

[caiDOTio 0]

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.

[Danny+ 1,327]

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.