If you elect to crop a Square Element or Background Image, the photo will fill the space of the frame.Ī common use case for rounded corners are for Button Elements but if you want to apply rounded corners to the imagery on your event page, you have to make sure it is either a Square Element or a Background Image. When you crop an Image Element, the exact portion of the image you have elected to crop will now be displayed on the page. Anything above those requirements will be downsized. Splash requires that images be smaller than 2000x2000 pixels or 10MB. ![]() There is no “perfect size” for the background image of blocks. So if you want to make the Background Image of a block bigger or smaller, you'll need to change the size of the block (by adjusting the width or padding). Since the Background Image is not an actual element, it relies on the sizing and proportions of the element or block it's being housed inside of. You can then choose to upload an image from their computer, or select from image or gif libraries. The actual image will be located inside the Background tool. To change the Background Image of an element or block, click into the title of the element or block from the Layout tab. You can also decide if you want the image to repeat horizontally or vertically as well. The Background Image is set to Fill by default, but can be changed to Contained, Normal, Fit Width, or Fit Height. It's actually an image that is applied to the background of an element or block. Background ImageĪ Background Image is not an actual element found in Splash’s element adder. You can round the corners by accessing the Radius Input inside the Border tool. To change the height, adjust the bottom padding, or space inside the element, in the Margin/Padding tab.Īnother option available to the designer is altering the actual shape of the frame of a Square Element. Use the Width/Height tab to increase or decrease the width of the square. ![]() Upload an image from your computer or select from our image or gif library. The actual image will be located inside the element's Background tool. ![]() To change the image housed inside a Square Element, click into the Square Element directly on page or find it within the Layout tab. You can control how you'd like an image to live inside the frame and adjust the shape of the frame itself. To add a new Image Element, click the Add Element button and select Image Element New.Ī Square Element can also be called a “frame” since one it's a blank container. Note: If you don’t see these settings, you may be using an older version of the Image Element. As you change the width, the entire Image Element will scale proportionally.Īlt Text gives you the option to include a brief description of the image to improve search engine optimization (SEO) and accessibility. Make the image bigger or smaller by adjusting the width inside the Image Element's Width/Height tool.
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |