Skip to main content

Content Wall

Welcome to the Content Wall customization page, where you have full control over the style of this element. Explore the various options below to personalize its appearance to match your platform's design:

Configuration​

In the Configuration section, you can fine-tune the style of the Comments Wall element. Customize the following properties:

  • Background Color: Choose a color for the background of the wall element.
  • Container Border Width: Set the width of the container's border. Use whole numbers for better browser compatibility.
  • Container Border Style: Select a style for the container border, such as solid, dotted, or dashed.
  • Container Border Color: Choose a color for the container border.
  • Header Color: Define a color for the header text within the wall element.
  • Text Color: Specify a color for the body text within the wall element.

Button Divider​

With the Button Divider section, you can adjust the style of the "or" separator. Customize the following properties:

  • Weight: Set the thickness of the divider line.
  • Background Color: Choose a color for the background of the divider.
  • Text Color: Select a color for the text of the divider.

Sign Up Button​

The sign-up Button section allows you to adjust the style of the sign-up button. You can customize the following properties:

  • Button Color: Choose a color for the sign-up button.
  • Button Text Color: Select a color for the text on the sign-up button.
  • Button Hover Color: Define a color for the sign-up button when the user hovers over it.
  • Button Hover Text Color: Select a color for the text on the sign-up button when the user hovers over it.
  • Button Transition Time: Set the duration of the transition between button states in seconds.
  • Button Transition Timing: Specify the timing function for the button transition.

Sign In Button​

In the sign-in Button section, you can customize the style of the sign-in button. Adjust the following properties:

  • Button Color: Choose a color for the sign-in button.
  • Button Text Color: Select a color for the text on the sign-in button.
  • Button Hover Color: Select a color for the sign-in button when the user hovers over it.
  • Button Hover Text Color: Select a color for the text on the sign-in button when the user hovers over it.
  • Button Transition Time: Set the duration of the transition between button states in seconds.
  • Button Transition Timing: Specify the timing function for the button transition.

Check Balance Button​

If the Web3 module is enabled, the Check Balance Button section allows you to customize the style of the check balance button. Personalize the following properties:

  • Button Color: Choose a color for the check balance button.
  • Button Text Color: Select a color for the text on the check balance button.
  • Button Hover Color: Define a color for the check balance button when the user hovers over it.
  • Button Hover Text Color: Select a color for the text on the check balance button when the user hovers over it.
  • Button Transition Time: Set the duration of the transition between button states in seconds.
  • Button Transition Timing: Specify the timing function for the button transition.

With these customization options, you can seamlessly integrate the Content Wall element into your platform's design, creating a cohesive and engaging user experience.