Originally Posted by
garycwood84
Awesome! Thank you so much, Acorn!
The final thing I need to do is change the font. The one I'm using is non-standard, so it gets output as a webfont. How can I make the text here work in that font, too?
Gary, I am into guessing territory here but you would have to install your font into the page.
What I have tried is adding Google fonts to a small text box. Once the font is available you can add it to the CSS:
Code:
<div id="rss-feed">
<script src="//rss.bloople.net/?url=http%3A%2F%2Fblog.sela-sheffield.org%2Ffeeds%2Fposts%2Fdefault%3Falt%3Drss&limit=6&showtitle=false&type=js"></script>
</div>
<style>
#rss-feed {
color: #787878;
line-height: 32px;
font-size: 14pt;
font-weight: 400;
letter-spacing: 0.75px;
font-family: Biryani, Verdana, Arial, Helvetica, sans-serif;
}
h4.feed-item-title {
font-size: 24pt;
}
h4.feed-item-title>a {
text-decoration: none;
font-size: 18pt;
color: #175aa9;
}
p.feed-item-desc {
color: #787878;
line-spacong: 24pt;
}
a[href$='more'] {
text-decoration: none;
color: #175aa9;
}
a[href^='https://rss'] {
display: none;
}
</style>
Changes are in bold red.
These include wrapping your code in a DIV tag with ID 'rss-feed' to make the CSS tidier.
The font family will start at the left and work its way to the right if no suitable font is found.
I just chose Biryani as an example. You need to pick a Google Font closest to Blake.
Perhaps a font expert can advise?
Acorn
Acorn
Bookmarks