Removing a style in mobile view takes you back to the style that was applied in desktop mode.įor example, in mobile view, apply a green background color to a button.
is also applied to the standard view.įor example, switch back to mobile view, edit some text and replace an image.Ĭlick again the Switch to mobile view button to go back to the standard desktop view. Any style inline setting change is also applied to the standard desktop view.Īny other change to the structure or the content of the email such as text edits, uploading a new image, adding a new component, etc. The only exception is the Style inline settings. The style changes you just made are not reflected. You can either set this option from the mobile or desktop view.Ĭlick again the Switch to mobile view button to go back to the standard desktop view. To do this, select Show only on mobile devices.įor example, this option enables you to display a specific image on mobile devices and another image on desktop devices. You can also choose to hide this component on desktop devices, which means that it will be displayed on mobile devices only. To do this, select Show only on desktop devices from the Display options. You can hide a component when displayed on a mobile device. When editing any style setting in mobile view, the modifications are only applied to the mobile display.įor example, reduce the size of an image, add a green background and change the padding in mobile view. It contains all the components and styles that were defined in desktop view.Įdit independently all style settings such as background color, alignment, padding, margin, font family, text color, and so on. The mobile version of the email is displayed. To access the dedicated mobile view, select the Switch to mobile view button. For more on this, see Designing an email content from scratch.
The Email Designer style settings are presented previously on this page.Ĭreate an email and start editing the content. For example, you can adapt margins and padding, use smaller or bigger font sizes, change buttons, or apply different background colors that will be specific to the mobile version of your email.Īll style options are available in mobile view. You can fine-tune the responsive design of an email by separately editing all style options for mobile display. Make sure to test it using the Preview button. If you modify the HTML the code, the responsiveness of the email could be broken.
#Html and plain text editor full#
Other components are in read-only mode, but can still be edited in the full HTML version of the email.
#Html and plain text editor code#
You can edit the source code if the selected element is a HTML content component. Only the source of the selected element is displayed. Select Edit > HTML to open the HTML version of the entire email.įrom the WYSIWYG interface, select an element and click the Source code icon. You have two ways to edit the HTML version of the email: Editing an email content source in HTMLįor the most advanced users and debugging, you can view and edit the email content directly in HTML. The changes made in Plain text view cannot be reflected in HTML view. If you edit the Plain text version while synchronization is disabled, the next time you enable the Sync with HTML option, all the changes you made in the plain text version will be replaced with the HTML version.
0 kommentar(er)
