Modify Header Title

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.

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

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

2 Likes

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.

1 Like

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

Sorry for the delay @Trash

https://neuraldatascience.com

Thanks in advance!!

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);
}

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/

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

5 Likes

Thank you @Trash
It worked and solved my problem

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