The Color Settings in BlockSpare allow you to control the visual styling of text, links, and backgrounds for your posts, categories, and blocks. Proper color settings help enhance readability, highlight important elements, and maintain your website’s branding.
1. Title Color #
- Sets the default color of the post title.
- Applies to all titles within the block (e.g., Grid, List, Hero).
- Recommended: Use a contrasting color with the background for better readability.
2. Title Hover Color #
- Sets the color of the title when hovered by a mouse.
- Useful for clickable titles or links.
- Tip: Use a slightly lighter or darker shade than the title color to indicate interactivity.
3. Link Color #
- Controls the color of all clickable links within the block.
- Applies to titles, “Read More” links, and buttons within posts.
- Helps distinguish links from static text.
4. General Color #
- Sets overall text color for the block content except for specific overrides like Title or Category colors.
- Typically used for post excerpts, meta text, or descriptions.
5. Category Color Settings #
Select Category Color Type #
- Single: Use one color for all categories.
- Category Color: Assign individual colors per category for better visual distinction.
Category Color Options #
- Text Color: Color of the category name text.
- Background Color: Color behind the category label (e.g., pill or badge).
⚡ Tip: Use background colors with sufficient contrast for accessibility and visibility.
Best Practices #
- Maintain brand consistency by using your website’s color palette.
- Use hover colors to indicate clickable elements.
- Combine Category Colors with layout and typography for visually organized sections.
- Ensure readability on both desktop and mobile devices by checking text vs. background contrast.
