# Site Logo Widget

> Add your logo to an Elementor header with the Phox Site Logo widget: image or text logo, link and style options.

Source: https://phox.wdes.org/docs/site-logo-widget/
Last updated: 2021-08-20

![wdes widget logo](https://phox.wdes.org/docs/assets/wdes-widget-logo.Nk1ogJck_1szeEo.webp)

The website logo is an important part of your company’s brand. It describes the face of your company and makes a great impact on the public as well. Present your company’s logo in the header.

## Site Logo Widget Sample

On the pictures below you can view the site logo widget sample.

![phox site logo sample](https://phox.wdes.org/docs/assets/phox-site-logo-sample.55MSjeWP_Zk3EXa.webp)

#### Content

![site logo content](https://phox.wdes.org/docs/assets/site-logo-content.DkLWo6qz_ZpDc1G.webp)

- **Logo Type:** select an appropriate logo type.

  - **Text:** it is possible to use a site name, Phox Admin Option, or paste a custom one.
  - **Image**: it is possible to use the default logo from Phox Admin Option or upload custom Images for Normal & Retina Logos.
  - **Both Text and Image:** it is possible to use the default logo from Phox Admin Option or upload custom Images for Normal & Retina Logos plus the Logo Text.

- **Settings**:

  - **Link:** In case you need to add a custom link to the logo, or the default one, you can disable the link totally.
  - **Image Settings**: align the logo \[left – center – right].
  - **Order Items:** you can reorder the image and text in case that you use “both image and text”

#### Style

![site logo style](https://phox.wdes.org/docs/assets/site-logo-style.DggjWnSk_Sb5R1.webp)

- **Color:** here you can define the suitable color for the text logo. Use the color picker tool to select the necessary color.
- **Typography**: turn the option on to view the typography settings.
- **Height**: specify a custom height for the logo image.
- **Opacity**: specify opacity for the logo image in both cases normal and hover.
- **CSS Filters**: specify custom filters to the logo image.
- **Margin**: specify the margin for the Text and Image.