Site Logo widget

The Site Logo widget is a dynamic widget that displays the Site Logo. Although the logo can only be replaced or deleted in either the Elementor Site Settings or in the WordPress Customizer, the Site Logo widget gives you the ability to change some design aspects of the logo.

Content

1. Choose Image: The image is dynamically retrieved for you from the Elementor Site Settings or the WordPress Customizer. You can edit or change your logo in either of those places.
2. Image Resolution: Set the resolution of the image, from thumbnail to full, or enter a custom size
3. Alignment: Align the site logo to the left, right, or center
4. Caption: Add a caption to the bottom of the image. Select from None, Attachment Caption, or Custom Caption
5. Link to: Set the logo’s link, selecting from None, Media File or Custom Link. If Media File is chosen, set the Lightbox to Default, Yes, or No. If Custom Link is chosen, the URL will be automatically, dynamically retrieved for you.

Style

1. Width: Set the width of the image in either percentage (%), pixels (px), or viewport width (vw).
2. Max Width: Set the maximum width of the image as a percentage.
3. Opacity: Set the opacity level
4. CSS Filters: Set CSS Filters: Blur, Brightness, Contrast and Saturation
5. Border Type: Select the type of border, choosing from none, solid, double, dotted, dashed, or grooved
6. Border Radius: Set the border radius to control corner roundness
7. Transition Duration (only on Hover): Set the hover animation duration
8. Hover Animation (only on Hover): Choose an animation effect when hovering over the icon, such as Grow, Pulse, Skew, etc.

Advanced

Set the Advanced options that are applicable to this widget

Note: The display of the logo depends on your theme. Elementor follows the coding standards of WordPress set by its official Codex. If your theme does not use the default function of WordPress which calls the custom-logo, it won’t be displayed: https://codex.wordpress.org/Theme_Logo. 

If it isn’t displayed, instead of using the site logo widget, you can simply use the Image widget to obtain the same result.