Tagged: Advanced Styling, catalogue module, menu items
Hi i would like to change the font, size and color of the catalogue items.
I want to control both the heading and the content text.
Anyone can share the custom CSS code needed for this ?
I assume this is not done thru the advanced styling tab ?
It’s on this page i want to match the menu to the rest of the page.
Thanx!
Hey Paul,
The catalogue items usually take the font family of the rest of your content. Right now, that’s Georgia.
You can specify the font family, color, and size of the catalogue items by adding this code to the Quick CSS section under Enfold > General Styling or to your child theme’s style.css file:
.av-catalogue-title { font-family: 'Lato', 'Helvetica Neue', Helvetica, Arial, sans-serif; }
.av-catalogue-content { color: black !important; font-size: 12px !important; }
Please the values to suit your preferences. :)
I hope that helps!
Sarah
Thanx Sarah!
Is there a way to have the catalogue heading to display the same font as my other headings ? (which use the “Great Vibes” font)
Also can the content font differ from the title ?
Thank you!
Hi,
This should be possible, yes. Can you try this code in Quick CSS?
.av-catalogue-title { font-family: "Great Vibes", serif; text-transform: capitalize; }
.av-catalogue-content { font-family: 'Lato', sans-serif; color: black !important; font-size: 12px !important; }
What font would you like for the catalogue content? You can edit what I put in the code. You may also adjust the color and size for your title, if you want. Just use the color
and font-size
attributes like I did for your content.
Best regards,
Sarah