# Customising the Site Name
The Site Name is displayed on the top left of your Obsidian Publish page and changes color when hovering. In the case of my page I changed the color of the logo, the color shown when hovering and the transition duration using following lines:
```CSS
.site-body-left-column-site-name {
color: var(--h1);
}
.site-body-left-column-site-name {
transition: color 0.5s ease;
}
.site-body-left-column-site-name:hover {
color: var(--ax1);
}
```