Site Logo Element

The Site Logo Element will allow you to integrate your site's logo onto the design you are working on. Although the site logo can only be changed in WordPress Customizer, you can design it using the advanced tools and options available. 

Content Tab 

Image

1. Choose Image - This option will put the site's logo dynamically from the WordPress Customizer 
2. Image Size - Select the image size 
3. Alignment - Set the logo alignment either Left, Center. or Right 
4. Caption - Choose to have a caption 
5. Link - Link the logo to either a media file or a custom link. If you select media file then you set the lightbox to either Default, Yes, or No. If you select a custom link the URL of your site will be dynamically generated. 

Style Tab 

Image

1. Width - Set the width of the site logo in either percentage, pixels of the viewport
2. Max Width - Set the maximum width of the site logo image in percentage 
3. Height - Set the height of the image 
4. Opacity - Set the opacity for the image to make it as transparent as you wish 
5. CSS Filters - Style the site logo image by changing blur, brightness, contrast, and other imagery options
6. Border Type - Set a border for the logo image and select the type you want. It can either be Solid, Double, Dotted, Dashed, or Groove. If you select one of the border types you can set its width and color.
7. Border Radius - Set the border-radius to make the edges of the logo rounder 
8. Box Shadow - Choose to add shadow to your site's logo and tweak the shadow options 

Set the settings for the Advanced Tab that is appropriate for the element.