> ## Documentation Index > Fetch the complete documentation index at: https://www.twicecommerce.com/docs/llms.txt > Use this file to discover all available pages before exploring further. # Teemaeditori - Logo > Määritä kaupan logon leveys ja lataa mukautettu favicon.

Logo-paneeli määrittää, minkä kokoisena kaupan logo näkyy verkkokaupan ylätunnisteessa, ja sen kautta voit ladata mukautetun faviconin. Paneeli löytyy teemaeditorin kohdasta **Header**. ## Asetukset ### Logon leveys | Asetus | Tyyppi | Oletus | Kuvaus | | ------------ | ----------- | ------ | -------------------------------------------------------------------------- | | Logon leveys | Liukusäädin | 120 px | Ylätunnisteen logon näyttöleveys pikseleinä. Korkeus skaalautuu suhteessa. | Itse logokuva ladataan kohdassa **Settings > General**. Tämä paneeli määrittää vain näyttöleveyden. ### Favicon Lataa mukautettu favicon, joka korvaa verkkokaupan oletusarvoisen selainvälilehden kuvakkeen. Favicon näkyy koossa 32 × 32 pikseliä. Aseta favicon napsauttamalla **+**-painiketta ja valitsemalla kuva tiedostonhallinnasta. Ladattu kuva näkyy esikatseluna. Poista se napsauttamalla esikatselun **×**-painiketta — verkkokauppa palaa silloin selaimen oletuskuvakkeeseen. Favicon lisätään `` -tagina verkkokaupan jokaiselle sivulle. ## CSS-muuttujat ```css CSS-muuttujat theme={null} :root { --storefront-logo-width: 120px; } ``` ## Aiheeseen liittyvää Määritä sivun leveys ja marginaalit. Määritä verkkokaupan väripaletti.