help center

On this page

Site Logo widget

Last Update: December 6, 2023

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.

site logo panel Site Logo widget 1
Site Logo widget 3


  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.


  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.


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:

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

Have more questions? We’re more than happy to assist.

Link is copied to clipboard!
On this page

Is this article helpful?

Share this article