Name: Customize fonts in article mode
Availability: InStock
Author: axtona

XF Compatibility

2.2.x

Short Description: Enhance readability with extra.less template updates. Adjust font sizes for message--articlePreview, articlePreview-text .bbWrapper, and articlePreview-title for better user experience.

In extra.less template, add this:

CSS:

.message--articlePreview .articlePreview-links {
    font-size: 12px;
}
.message--articlePreview .articlePreview-text .bbWrapper {
    font-size: 13px;
}
.articlePreview-title {
    font-size: 20px !important;
}

We decrypt the code:

CSS:

.message--articlePreview .articlePreview-links {
font-size: 12px; -> Font size to "View full article"
.message--articlePreview .articlePreview-text .bbWrapper {
font-size: 13px; -> Description font size
.articlePreview-title {
font-size: 20px !important; -> Title font size

Author: axtona

Views: 440

First release: May 25, 2022

Last update: May 25, 2022

Ratings 0.00 star(s) 0 ratings

Join the discussion More information

Link was Broken? Send message to the Website Team and we will assist you quickly!

Support Developer If you are satisfied with the test or your project has earned you money, Click the More Information button to support the developer by purchasing.

Share this resource