This section empowers you to fine-tune the visual presentation of your reading time information, creating a seamless integration with your website’s design. Let’s delve into the customization options:
1. Font Family:
– Choose from a selection of 15 standard fonts or explore the vast collection of over 1500 Google Fonts. Tailor the reading time text to match your site’s aesthetic.
2. Font Style:
– Dive deeper into customization by adjusting the font weight and style of the reading time text. Leverage the range of Google Fonts to ensure a typography that resonates with your design vision.
3. Font Subsets:
– Enhance the global reach of your website by selecting font subsets that cater to specific character sets and languages. This ensures that your reading time text remains legible across diverse content.
4. Text Alignment:
– Decide how your reading time information aligns within your content. Choose from various alignment options, including default, left alignment, and more, to seamlessly integrate with your layout.
5. Font Size (in Pixels):
– Tailor the font size of your reading time text to harmonize with your website’s overall typography. The default font size is set at 14 pixels, providing a balanced readability experience.
6. Line Height:
– Define the line height for your reading time text to optimize the spacing and legibility. A default line height of 1.5 ensures comfortable reading for your visitors.
7. Text Color:
– Utilize the color picker to select the ideal text color for your reading time information. Match it with your site’s color scheme for a consistent visual experience.
8. Background Color:
– Elevate the reading time display by adding a background color that complements your design. The color picker enables you to achieve a seamless integration with your overall aesthetic.
9. Use Custom CSS:
– For advanced users, enable this option to inject custom CSS styles into the reading time display. This empowers you with further design flexibility.
10. Custom CSS (CSS Editor):
– If you’ve activated the “Use Custom CSS” option, the CSS editor allows you to craft and apply your unique styling to the reading time information.
Buttons:
– Save Changes: The “Save Changes” button appears when you’ve made any modifications in this section. Click this button to apply your settings.
– Discard Changes: If you’ve made changes but wish to revert to the previous settings, the “Discard Changes” button allows you to do so without saving.
Screenshot: [Reading Time Tab – Styles Section with Save and Discard Changes Buttons]
With these comprehensive styling options, you can seamlessly integrate your reading time information into your website’s design, creating an engaging and visually captivating reading experience for your audience.
Still Not Clear? Please contact us or you can open a ticket from here.