Hello!
I am using the magazine format to display posts, and I’m displaying the first entry at the top of the others. Is there a way to change the font size of first entry title to one size, and font size to other entry titles to another size font?
btw, I realize why the fonts changed in size – it’s because I made new attributes to h1, h2 and h3 for blog post styling, but the magazine widget has taken the new settings and now it looks like the entry titles are on steroids (super large). So, I would like to change them with CSS – is it possible?
Sounds like that is something very easy to do with CSS.
If you could send me a link to the page with the posts, it would be easier for me.
But the following CSS should do the trick:
first entry title:
.av-magazine-group .first .av-magazine-title a {
font-size: 20px;
}
other titles:
.av-magazine-sideshow .av-magazine-title a {
font-size: 12px;
}
all you should have to do is adjust the fint size in the above code.
That’s great, Thank you!
I figured out part of the problem…in using the child theme Advanced Styling tab, I had set new attributes to H1, H2 and H3 using the “main content” checkbox; when I switched to “alternate content” the magazine setting went back to default and were no longer being over-ridden.
Combining that with your CSS code above did the trick. Thanks again!