Events Calendar Module For Divi Pro

⌘K
  2. Home
  4. Docs
  6. Events Calendar Module Fo...
  8. Events Layouts and Styles...
  10. Event Find Out More Button

Event Find Out More Button

Show/Hide Find out More Button

Toggle the visibility of the “Find Out More” button. Choose whether to display or hide the button based on your needs.

Content >> Event Query Settings>> Show find out more >> yes or no

Text Customization

Modify the text displayed on the “Find Out More” button. Change the button label to fit your content or design requirements.

Content >> Event Query Settings>> Find out more text.

Styles

  • Button Background Color: Change the background color of the “Find Out More” button. Use the color picker for easy selection or input a hex code for exact color control.
  • Button Padding: Adjust the internal spacing of the “Find Out More” button, controlling the distance between the text and the button edges. You can individually specify padding for the top, bottom, left, and right.
  • Button Border: Set a custom border for the button by defining the border width, style (solid, dashed, etc.), and color. This allows for a range of stylistic effects to enhance the button’s visual appeal.
  • Button Border Radius: Configure the border-radius to round the button’s corner
  • Font Family: Choose the desired font family for the “Find Out More” button text, aligning it with your event theme.
  • Font Weight: Adjust the thickness of the button text by selecting the appropriate font weight (e.g., Light, Regular, Bold).
  • Font Size: Set the size of the button text, with options for pixels, em, or rem units to ensure responsiveness and visual harmony.
  • Font Style: Select between normal, italic, or oblique font styles to add personality to the button text.
  • Letter Spacing: Fine-tune the spacing between letters in the button text for improved readability and design consistency
  • Line Height: Adjust the vertical spacing between lines of text within the button to enhance readability and ensure a balanced look.
  • or section. Use a color picker or input a hex code for precise control.
  • Button Text Color: Customize the color of the button text. Use the color picker or enter a specific hex code to achieve the desired color effect.