![]() ![]() Border radius: define how rounded the image should be.Drop shadow: add a shadow to the image.The Style setting allows you to define the appearance of the image: Resize: choose how large the image should be.Replace: choose a new image to replace the current one.Img URL: enter the URL of the image you want to add.The Image settings allow you to select an image and change its size: The Alignment and Spacing settings are described in the Common settings section of this article. You can select an image from our image library, from a URL, or from your computer. Images are a perfect way to customize the design of your landing page and make it more engaging. Select the text that you want to edit to display the formatting bar and click on the 3 dots on the right end to access more options. The formatting bar allows you to modify the style of your text. You can use a Text element to add and format text on your landing page. The Background Color, Background Image, Spacing, and Visibility settings are described in the Common settings section of this article. Border radius: round the corners of your column.īackground Color, Background Image, Spacing, and Visibility.Mobile size: choose how large your column should be on mobile.Resize: choose how large your column should be.You can also use the breadcrumb trail that appears at the top of your screen when you click an element. You can edit the settings of a column by navigating to the Layout tab from the left panel, as we saw in Landing pages - Part 2: Define the structure on your landing page. The Background Color setting allows you to add a background color to a section or element and manage its transparency.Ĭolumns are only available in the Classic landing page editor. This setting has no visual impact in the editor and only affects published landing pages to prevent you from losing track of content within the editor.You can choose to Hide on Mobile and/or Hide on Desktop. The Visibility setting allows you to control the visibility of some elements of your landing page based on the device used to view it.When choosing to hide a section on a certain device, the section will appear as crossed out in the editor and the following message will appear: "This section is not visible on mobile/desktop" depending on the selected option.The Visibility setting allows you to control the visibility of the sections of your landing page based on the device used to view it.You can choose between different sizes of spacing from XS (smaller) to XL (bigger). Padding creates space inside a component, between the section or element and its borders.Margin creates space around a component, outside of any defined borders.The Spacing setting allows you to define the vertical and horizontal space around and inside sections and elements: The Alignment setting allows you to choose how you want to align an element (horizontally and vertically). We'll first describe the common settings, and then the ones specific to each. ![]() Some settings are common between sections and elements. Part 4: Add a form to your landing page and use advanced options.Part 3: Edit the settings of all the elements of your landing page - YOU ARE HERE.Part 2: Define the structure of your landing page.We've created a series of articles to help you build your landing pages: Now that you've arranged your sections on your landing page, it's time to fill them with elements such as Text, Images, or Buttons. In this article, we will explain how to set up the sections and elements on your landing page. The container item has zero padding (L28) and my textarea is restricted to a width of 100% with only vertical re-size.Landing pages are available for Businessand BrevoPlus offers. My CSS uses a lot of flexbox to center items. Each of these container items has two elements: A banner at the top and a textarea. My HTML has a container that has container items inside. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |