Advanced Settings Tab

Yeeflow team
Yeeflow team

Layout

Advanced.jpg

  1. Margin: Set the Margin of the selected element in PX or %
  2. Padding: Set the Padding of the selected element in PX or %
  3. CSS ID: Set a CSS ID for your section
  4. CSS Classes: Set CSS Classes for your section

 

Background

The following options can be set independently for both the normal and hover states.

  1. Background Type: Choose between Classic or Gradient

 

Border

The following options can be set independently for both the normal and hover states.

  1. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
  2. Border Radius: Set the border radius to control corner roundness
  3. Box Shadow: Adjust box shadow options

 

Positioning

This option allows you to select absolute or fixed positioning for your control. If using the absolute or fixed positioning, you may manually enter the numeric X and Y positions in the Horizontal and Vertical Offset scales

  1. Default Position: The control is in its natural state, positioned merely by the natural flow of the page. This is the default position of all controls.
  2. Absolute Position: The element is positioned absolutely to its first positioned parent.
  3. Fixed Position: Set your control to have a fixed position and place it in a custom position. The control will stay fixed in that position as the page is scrolled. The control is positioned relative to the user’s viewport.
  4. Additional Controls: If either Absolute or Fixed are selected, the following options also become available.
    1. Horizontal Orientation: Sets the horizontal reference point for the absolute positioning, with choices of either Start or End.
      1. Offset: Changes the horizontal reference point by the amount of the offset
    2. Vertical Orientation: Sets the vertical reference point for the absolute positioning, with choices of either Start or End.
      1. Offset: Changes the vertical reference point by the amount of the offset

 

Responsive

  1. Reverse Columns: Slide to reverse your columns order (Great for Mobile)
  2. Visibility: Show or Hide your section on Desktop, Tablet, or Mobile

 

Custom CSS (Pro only)

  • Add your own custom CSS

Was this article helpful?

/

Comments

0 comments

Please sign in to leave a comment.