# Modify Header Title

**URL:** https://meta.discourse.org/t/modify-header-title/74755
**Category:** Support
**Created:** [November 24, 2017, 6:27pm UTC](https://meta.discourse.org/t/modify-header-title/74755 "2017-11-24T18:27:26Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![Pravi7434](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@Pravi7434](https://meta.discourse.org/u/Pravi7434)
#### Post date: [November 24, 2017, 6:27pm UTC](https://meta.discourse.org/t/modify-header-title/74755/1 "2017-11-24T18:27:26Z")

</div>

Hello,

I am not using any logo for my site. I have removed default logo url. I need some help to change the font, size and add little css so that the header tittle looks elegant without any logo.

Regards.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [November 24, 2017, 6:45pm UTC](https://meta.discourse.org/t/modify-header-title/74755/2 "2017-11-24T18:45:53Z")

</div>

The Css class should be `header #site-text-logo`. You can use that class to give style to the title.

> [@Pravi7434](#):
>
> add little css so that the header tittle looks elegant without any logo.

It depends on what you mean by elegant, what is elegant for me, may not like you at all …or may not be suitable for your forum style

---

<div class="post-metadata">

### Author: ![Pravi7434](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@Pravi7434](https://meta.discourse.org/u/Pravi7434)
#### Post date: [November 24, 2017, 7:09pm UTC](https://meta.discourse.org/t/modify-header-title/74755/3 "2017-11-24T19:09:45Z")

</div>

Thanks for the quick response @Trash  
My area of expertise is not css. I am not good in css. You may help me with css code to change tittle font and make it better in your own way. I will tweak the code later, according to my needs.

Regards.

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [November 24, 2017, 7:14pm UTC](https://meta.discourse.org/t/modify-header-title/74755/4 "2017-11-24T19:14:47Z")

</div>

For next half hour I’m free, then I have to finish preparing for a trip  
Can you share the link to your forum?

---

<div class="post-metadata">

### Author: ![Pravi7434](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@Pravi7434](https://meta.discourse.org/u/Pravi7434)
#### Post date: [November 24, 2017, 7:51pm UTC](https://meta.discourse.org/t/modify-header-title/74755/5 "2017-11-24T19:51:40Z")

</div>

Sorry for the delay @Trash

> **[NeuralDataScience.com is for sale | HugeDomains](https://www.hugedomains.com/domain_profile.cfm?d=neuraldatascience.com)**
>
> Join thousands of people who own a premium domain. Affordable financing available.

Thanks in advance!!

---

<div class="post-metadata">

### Author: ![dax](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/dax/32/244677_2.png) [@dax](https://meta.discourse.org/u/dax)
#### Post date: [November 24, 2017, 8:09pm UTC](https://meta.discourse.org/t/modify-header-title/74755/6 "2017-11-24T20:09:25Z")

</div>

An example to start:

`<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">`

```
header #site-text-logo {
    font-size: 28px;
    font-style: italic;
    font-family: 'Quattrocento Sans', sans-serif;
    color: #0030ff;
    filter: drop-shadow(1px 1px 1px #fff) drop-shadow(-1px 1px 1px #fff) drop-shadow(1px -1px 1px #fff) drop-shadow(-1px -1px 1px #fff);
}

```

![4u8Xds1](https://global.discourse-cdn.com/meta/optimized/4X/b/d/2/bd2de8503cf01f257dfe984fbc5f87931b40e034_2_690x26.png)  
You cannot see the font family until you add the new font in your forum assets or add a similar line (`<link href="https://fonts.googleapis.com/css?family=Quattrocento+Sans" rel="stylesheet">`) at the top of your stylesheet. See here [https://fonts.google.com/](https://fonts.google.com/)

PS: remember to **not increase** the _font-size_ on mobile though! Otherwise the header will look bad (space is limited there)

---

<div class="post-metadata">

### Author: ![Pravi7434](https://avatars.discourse-cdn.com/v4/letter/p/c5a1d2/32.png) [@Pravi7434](https://meta.discourse.org/u/Pravi7434)
#### Post date: [November 25, 2017, 8:51am UTC](https://meta.discourse.org/t/modify-header-title/74755/7 "2017-11-25T08:51:57Z")

</div>

Thank you @Trash  
It worked and solved my problem

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [June 8, 2024, 12:43pm UTC](https://meta.discourse.org/t/modify-header-title/74755/8 "2024-06-08T12:43:53Z")

</div>

This topic was automatically closed after 2387 days. New replies are no longer allowed.
