Modify Header Title


(Praveen Kumar) #1

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.


(Daniela) #2

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


(Praveen Kumar) #3

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.


(Daniela) #4

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


(Praveen Kumar) #5

Sorry for the delay @Trash

https://neuraldatascience.com

Thanks in advance!!


(Daniela) #6

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)


(Praveen Kumar) #7

Thank you @Trash
It worked and solved my problem