About Article Read More Element
The Article Read More Element is designed to work within the Article List Element.
It provides a clear and user-friendly way for visitors to navigate to full articles by adding a button or link beneath article previews.
Article Read More Settings
The Article Read More Element comes with multiple customization options to match your design and functional needs:
Button
Choose from 2 options:
- Default Button Style: Adds a button with pre-set styles for easy use.
- Text Only Option: Removes the button’s background, leaving only clickable text.
Content: Customize the text displayed on the button (e.g., “Read More,” “Continue Reading”).
Size
- Width and Height: Define the overall dimensions of the button for consistency with your design.
- Padding: Adjust the spacing within the button to improve its visual appearance and readability.
Icon
Toggle it on to add an icon to your button
- Choose Icon: Add an icon to the button to enhance its functionality and visual appeal.
- Position: Place the icon before or after the button text.
- Spacing: Adjust the space between the text and the icon for a polished look
Text
Adjust font type, size, style, and color to match your branding.
Align
Align the element to the left, center, or right within its container, depending on the page layout.
States
Normal State: Configure how the button or text appears by default.
Hover State: Define how the element changes when users hover over it.
Options to customize for 2 states include:
- Text Color: Change the text color when hovered over.
- Background Color: Apply a different background to the button for better emphasis.
- Border and Corner Styles: Customize the border size, style, and corner radius for hover effects.
By customizing the Article Read More Element, you enhance navigation and improve the user experience, making it easier for visitors to explore your content.
Configure the Advanced tab for the Article Read More Element
For more advanced customization, please navigate to the Advanced tab and follow the instructions in this article.
