This feature is introduced in every single shortcode used by Eveland Elements. You can set advanced settings for your shortcode here.
- Responsive breakpoints: Set some specific style breakpoints for different devices. If you want all breakpoints has the same settings, just need to configure for desktop only.
- Desktop: Screen resolution >= 1500px
- Laptop : Screen resolution <= 1499px
- Tablet: Screen resolution <= 1199px
- Ipad: Screen resolution <= 991px
- Mobile: Screen resolution <= 767px
- Small mobile: Screen resolution <= 480px
- Target main: specify the main .classname or #elementID of the element will be styled
- Set Margin/Border/Padding for the element in every single direction (top/bottom/left/right). Accepted values is a number in pixels
- Border color: Set border color
- Border Style: Choose among predefined border style
- Border radius: Set border radius
- Background: Set background for the element
- Select background image for the element from the gallery
- Set background style: cover/contains/repeat/no-repeat
- Simplify Controls: When this checkbox is checked, the
[3] Margin/Border/Padding settings will be simplified, you only need to input one value to applied for all four directions - Disable background (On/Off): when this option is On, the element won’t display background
- Disable element (On/Off): when this option is On, the element will be hidden on this specific responsive breakpoints. For example, you want the element will be displayed on desktop but not on mobile, you will need to set this option On on the mobile tab at number [1]
- Width on … (breakpoints): set exactly width of the element in current breakpoints
- Unit: the width unit will be used (percent, pixels, em…)
- Letter Spacing: Set letter spacing for this element
- Text align: Set text align for this element
- Font size: Set font size for this element
- Line height: Set line height for this element
- Use theme default font family (On/off): By default, we will use theme used font family. If this option set to off, there will be drop down lists for you to choose your custom font family
- Text color: Set text color for this element
- Target child: specify the children .childClassName or #childElementID of the child element will be styled
- Custom CSS: Add your custom CSS code to this element