{ "name": "dina/gradient-heading", "d4Shortcode": "dina_gradient_heading", "title": "Gradient Heading", "titles": "Gradient Headings", "moduleIcon": "dina/gradient-heading", "moduleClassName": "dina_gradient_heading", "moduleOrderClassName": "dina_gradient_heading", "category": "module", "folder": "divinationkit", "childrenName": [], "attributes": { "module": { "type": "object", "selector": "{{selector}}", "default": { "meta": { "adminLabel": { "desktop": { "value": "Gradient Heading" } } }, "advanced": { "gradientType": { "desktop": { "value": "linear" } }, "primaryColor": { "desktop": { "value": "#01564D" } }, "secondaryColor": { "desktop": { "value": "#a8ed28" } }, "linearDirection": { "desktop": { "value": "90deg" } }, "radialDirection": { "desktop": { "value": "circle at center" } }, "startPosition": { "desktop": { "value": "0%" } }, "endPosition": { "desktop": { "value": "100%" } }, "useHoverEffect": { "desktop": { "value": "off" } }, "hoverEffect": { "desktop": { "value": "dina-hover-grow" } } } }, "styleProps": { "spacing": { "important": true } }, "settings": { "meta": { "adminLabel": {} }, "advanced": { "gradientType": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.gradientType", "label": "Gradient Type", "description": "Select gradient type (linear/radial) for gradient heading.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "linear": { "label": "Linear" }, "radial": { "label": "Radial" } } } } } }, "primaryColor": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.primaryColor", "label": "Primary Color", "description": "Here you can change gradient primary color.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": true, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "secondaryColor": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.secondaryColor", "label": "Secondary Color", "description": "Here you can change gradient secondary color.", "priority": 30, "render": true, "features": { "sticky": false, "responsive": true, "hover": true }, "component": { "type": "field", "name": "divi/color-picker", "props": { "isAlpha": true } } } }, "linearDirection": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.linearDirection", "label": "Gradient Direction", "description": "Adjust the direction of the gradient for the title text.", "priority": 40, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 360, "step": 1, "allowedUnits": [ "deg" ], "defaultUnit": "deg" } } } }, "radialDirection": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.radialDirection", "label": "Radial Direction", "description": "Adjust the direction of the gradient for the title text.", "priority": 50, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "circle at center": { "label": "Center" }, "circle at top left": { "label": "Top Left" }, "circle at top": { "label": "Top" }, "circle at top right": { "label": "Top Right" }, "circle at right": { "label": "Right" }, "circle at bottom right": { "label": "Bottom Right" }, "circle at bottom": { "label": "Bottom" }, "circle at bottom left": { "label": "Bottom Left" }, "circle at left": { "label": "Left" } } } } } }, "startPosition": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.startPosition", "label": "Start Position", "description": "Adjust the position for the beginning of the gradient color.", "priority": 60, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "allowedUnits": [ "%" ], "defaultUnit": "%" } } } }, "endPosition": { "groupType": "group-item", "item": { "groupSlug": "designGradient", "attrName": "module.advanced.endPosition", "label": "End Position", "description": "Adjust the position for the ending of the gradient color.", "priority": 70, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/range", "props": { "min": 0, "max": 100, "step": 1, "allowedUnits": [ "%" ], "defaultUnit": "%" } } } }, "useHoverEffect": { "groupType": "group-item", "item": { "groupSlug": "designHoverEffect", "attrName": "module.advanced.useHoverEffect", "label": "Use Hover Effect", "description": "Select if you would like to use text hover effect.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/toggle" } } }, "hoverEffect": { "groupType": "group-item", "item": { "groupSlug": "designHoverEffect", "attrName": "module.advanced.hoverEffect", "label": "Hover Effect", "description": "Choose hover effect for gradient heading text.", "priority": 20, "render": true, "features": { "sticky": false, "responsive": false, "hover": false }, "component": { "type": "field", "name": "divi/select", "props": { "options": { "dina-hover-grow": { "label": "Grow" }, "dina-hover-shrink": { "label": "Shrink" }, "dina-hover-pulse": { "label": "Pulse" }, "dina-hover-pulse-grow": { "label": "Pulse Grow" }, "dina-hover-pulse-shrink": { "label": "Pulse Shrink" }, "dina-hover-pop": { "label": "Pop" }, "dina-hover-push": { "label": "Push" }, "dina-hover-bounce-in": { "label": "Bounce In" }, "dina-hover-bounce-out": { "label": "Bounce Out" }, "dina-hover-rotate": { "label": "Rotate" }, "dina-hover-rotate-grow": { "label": "Rotate Grow" }, "dina-hover-float": { "label": "Float" }, "dina-hover-sink": { "label": "Sink" }, "dina-hover-bob": { "label": "Bob" }, "dina-hover-hang": { "label": "Hang" }, "dina-hover-skew-forward": { "label": "Skew Forward" }, "dina-hover-skew-backward": { "label": "Skew Backward" }, "dina-hover-wobble-horizontal": { "label": "Wobble Horizontal" }, "dina-hover-wobble-vertical": { "label": "Wobble Vertical" }, "dina-hover-wobble-to-bottom-right": { "label": "Wobble to Bottom Right" }, "dina-hover-wobble-to-top-right": { "label": "Wobble to Top Right" }, "dina-hover-wobble-top": { "label": "Wobble Top" }, "dina-hover-wobble-bottom": { "label": "Wobble Bottom" }, "dina-hover-wobble-skew": { "label": "Wobble Skew" }, "dina-hover-buzz": { "label": "Buzz" }, "dina-hover-buzz-out": { "label": "Buzz Out" }, "dina-hover-forward": { "label": "Forward" }, "dina-hover-backward": { "label": "Backward" } } } } } }, "htmlAttributes": {}, "text": { "groupType": "group", "groupName": "divi/text", "panel": "design", "priority": 90, "component": { "props": { "fields": { "orientation": { "render": false }, "color": { "render": false } } } } } }, "decoration": { "animation": {}, "attributes": {}, "background": {}, "border": {}, "boxShadow": {}, "conditions": {}, "disabledOn": {}, "filters": {}, "interactions": {}, "layout": {}, "overflow": {}, "order": {}, "position": {}, "scroll": {}, "sizing": {}, "spacing": {}, "sticky": {}, "transform": {}, "transition": {}, "zIndex": {} } } }, "title": { "type": "object", "selector": "{{selector}} .dina_gradient_heading-title", "elementType": "heading", "tagName": "h3", "attributes": { "class": "dina_gradient_heading-title" }, "inlineEditor": "plainText", "childrenSanitizer": "et_core_esc_previously", "default": { "decoration": { "font": { "font": { "desktop": { "value": { "headingLevel": "h3", "size": "40px", "weight": "700", "lineHeight": "1.5em" } } } } } }, "settings": { "decoration": { "font": { "groupType": "group-item", "item": { "groupSlug": "designTitleText", "priority": 10, "render": true, "component": { "type": "group", "name": "divi/font", "props": { "grouped": false, "fieldLabel": "Title", "fields": { "headingLevel": { "render": true }, "color": { "render": false } } } } } } }, "innerContent": { "groupType": "group-item", "item": { "groupSlug": "contentText", "attrName": "title.innerContent", "label": "Title", "description": "Define gradient heading text.", "priority": 10, "render": true, "features": { "sticky": false, "responsive": false, "hover": false, "dynamicContent": { "type": "text" } }, "component": { "type": "field", "name": "divi/text" } } } } } }, "customCssFields": { "title": { "subName": "title", "label": "Title", "selectorSuffix": " .dina_gradient_heading-title" } }, "settings": { "content": "auto", "design": "auto", "advanced": "auto", "groups": { "contentText": { "panel": "content", "priority": 10, "groupName": "contentText", "component": { "name": "divi/composite", "props": { "groupLabel": "Text" } } }, "designGradient": { "panel": "design", "priority": 20, "groupName": "designGradient", "component": { "name": "divi/composite", "props": { "groupLabel": "Gradient Color" } } }, "designTitleText": { "panel": "design", "priority": 30, "groupName": "designTitleText", "multiElements": true, "component": { "name": "divi/composite", "props": { "groupLabel": "Gradient Text", "clipboardCategory": "style", "presetGroup": "divi/font" } } }, "designHoverEffect": { "panel": "design", "priority": 40, "groupName": "designHoverEffect", "component": { "name": "divi/composite", "props": { "groupLabel": "Hover Effect" } } } } } }