Websites to overlay images8/5/2023 All other settings already installed by default.Įxample of overlaying one jpg picture to another jpg picture with all default settings:Įxample of overlaying one jpg picture to another jpg picture with changed size and without transparency: Select two pictures on your computer or phone and then click OK button at the bottom of this page. If both title fields are used, the widget image title will take precedence.Overlay one picture on another picture online Widget Image Title Title Field: Edit the widget used and insert the text in the Title text field provided. Media Library Image Title Field: Edit the image in the Media Libary and insert the text in the Title field provided.The image title is used for the overlay text and can be inserted in two locations: Choose from the following options: None, Left, Slide Left, Slide Right, Slide Up, Slide Down, or Drop. This is a secondary animation that will be triggered after the overlay animation finishes playing. Select the text alignment-defaults to Left. Select the text position-defaults to Middle. Defaults to white #ffffff.Įnter the text padding for the top, right, bottom, and left. Choose from a list of over 900 beautiful Google Web Fonts. Select the font family to be used for the overlay text. Requires the applicable device trigger (either Desktop device trigger or Touch device trigger or both) to be set to Always show. Choose from the following options: None, Fade, Slide, or Drop. Select the overlay animation-defaults to Fade. Controls when the touch show trigger takes effect. Choose between Shown on touch and Always show.ĭevice width in pixels. When to display the overlay on touch devices. When to display the overlay on desktop (non-mobile) devices. Choose from the following options: Top, Right, Bottom, or Left.Įnter the size of the overlay as a fraction of the image’s size. Select the overlay position, defaults to Bottom. Select the overlay opacity, defaults to 0.8. Select the overlay background color, defaults to black #000000. Set the delay after hovering before the overlay appears in milliseconds, 350 is the default. This will override some or all of the below global settings.ĭelay before showing overlay (in milliseconds) Optionally choose between two preset themes, Dark or Light. If a widget is disabled, you can still manually enable the image overlay on a widget-by-widget basis. There you’ll find the following settings:Ĭhoose whether to automatically enable the image overlay for all instances of the following widgets: To edit the Image Overlay global settings, go to SiteOrigin Premium Addons, locate the Image Overlay Addon, and click the Settings button. Next, go to Plugins SiteOrigin Widgets to activate the SiteOrigin Image, SiteOrigin Image Grid, and SiteOrigin Simple Masonry Widgets, assuming you’d like to use them all. To make use of this addon, go to SiteOrigin Premium Addons, locate Image Overlay, and click the Activate button.
0 Comments
Leave a Reply.AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |