Use the Button label, Link, and Button style to set up a call-to-action button. These should contrast one another for the best results. Select a value closer to 1% for more transparency and a value closer to 100% for greater opacity. Use the Overlay opacity slider to control the level of opacity (and transparency). Overlays are especially helpful for improving legibility and clarity. To create text overlays for an image in Cloudinary, you normally do that by editing the URL, as in this example: Loading code examples. Text positionĬontrol the position for the text by selecting an option from the Text position dropdown.Īn Overlay is a semi-transparent color between the text and image components of the section. Press Ctrl+T (Win) / Command+T (Mac) on your keyboard to bring up the Free Transform box and handles around your text, then drag any of the handles to resize the text. TextĪdd Text using the provided rich text field. Leave the field blank to exclude a heading. Customize the Text HeadingĪdd a Heading using the provided field. Select an option for the Image focal point to shift the focus of the image to the Top, Left, Center, Right, or Bottom. Select Small, Medium, Large, or Original from the Section height setting to control how the image fits vertically into the container. Select ImageĬlick Select Image to connect an image with the section. Wide displayĮnable Wide display to have the section expand beyond its default container size. Add this section to a Static Page Section SettingsĬlick the Image with text overlay section to open its settings.
0 Comments
Leave a Reply. |