Element Style Options

Each Fusion Element contains a “Style” tab; this tab contains a wide variety of customization options for styling each Element, including Margin, Padding, Mobile Margin/Padding, Text Align, Font Size, Text Color, Background Color, Background Color Opacity, mobile visibility settings, and CSS Classes.

Please note that Style options may vary slightly depending on the Element being edited. Elements like the Image, Gallery, Button, and Video do not have options for Text Align, Font Size, and Text Color, for example.

 


Element Style Options

Margins
Customize the Element margins by inputting the values for top, right, bottom, and left in pixels here (e.g. 15px).

Padding
Customize the Element padding by inputting the values for top, right, bottom, and left in pixels here (e.g. 15px).

Customize Mobile Margins & Customize Mobile Padding
Check either of these options to display fields for custom mobile margins or padding. Values input here will override the values set in the Margins and Padding fields when the site is viewed on a mobile device.

Text Align
Control the alignment of text on both desktop and mobile within an Element using these options.

“Inherit” (the default) will use the text align settings set on outer Columns or Rows; so, if the Row an Element is contained within has Text Align set to “Center” in its Style Options, the text inside of the Element will automatically inherit this selection and center itself as well.

Font Size
Input the font size here in pixels (e.g. 15px) to control the size of any text within the Element.

Text Color
Choose the color of the text by inputting the hex code or using the color picker.

Background Color
Choose the background color of the Element by inputting the hex code or using the color picker.

Background Color Opacity
The opacity of the background color chosen for the Element can be controlled using this option. Input a value between 0 and 1.

Hide on Mobile
Check this option to hide the Element while on a mobile device.

Hide on Desktop and Tablet
Check this option to hide the Element while on a Desktop or Tablet.

CSS Classes
Input a custom CSS class here for even more control of the Element style. Separate multiple classes with a space.

Still need help? Contact Us Contact Us