Change font on NSP and Post headers

Hi, I'm trying to change the front on NSP and Post headers. I tried in the template options, but I if I change the font on "Headers" it changes the menu as well.
I want to set this google font http://fonts.googleapis.com/css?family=Lato:900' rel='stylesheet' type='text/css'
Finally I tried to use this font in the Templete Options > Fonts > Others In the selectors file I wrote (i suppose it's not correct):

Code: Select all

.gk-nsp-header
body, h2

Can someone tell me how to set this google font only for NSP headers and post Headers in the single post view?

Thanks and excuse my english

Seems that in the category list, the headers is correct. http://s364105922.mialojamiento.es/padw ... -sociedad/
Bu not when you see the individual post: http://s364105922.mialojamiento.es/padw ... io-cabeza/

Hi,

You can use Templete Options > Fonts > Others and write your own selectors (it's correct)

If you want headers from single article and category, use following selectors:

Code: Select all

#gk-mainbody article > header h1,
#gk-mainbody article > header h2


These selectors are wrong:

Code: Select all

.gk-nsp-header body, h2

use only .gk-nsp-header to change GK NSP article header.

Hi Piotr. Thanks for your reply. I change the selectors, and now the page shows correct font on article view: http://s364105922.mialojamiento.es/padw ... io-cabeza/

but not in category view: http://s364105922.mialojamiento.es/padw ... -sociedad/

Can you tell me what I have to add in the selector field?

And, can you tell me how to get the font looks like in out actual site www.paternaaldia.com It seems to be "bolder" The font is the same

Thanks again

You forgot about the comma after #gk-mainbody article > header h2 : (every selector have to be separated by comma)

Code: Select all

#gk-mainbody article > header h1, #gk-mainbody article > header h2 .gk-nsp-header

The font is the same and it can't be bolder (it's font-weight: 900), but there's other font size and probably other properties like line-height and letter spacing.

Thanks, now it works perfect. I'll try with the line-height and letter spacing to get the same look.

Thanks again for your reply.

Hi again, I did the changes but some days after, the NSP header changed again,
I want that the NSP header uses Google Fonts (Lato 900)
I have template option>font>other fonts > Google fonts with this url
http://fonts.googleapis.com/css?family=Lato:900'%20rel='stylesheet'%20type='text/css'
and sometimes it changes without doing anything to
[url]http://fonts.googleapis.com/css?family=Lato:900\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\' rel=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'stylesheet\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\' type=\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'text/css\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'[/url]

I have this selectors

Code: Select all

#gk-mainbody article > header h1,
#gk-mainbody article > header h2,
.gk-nsp-header

I can´t change the hover color of the NSP headers too in the extensions.css. I changed the code, but still looks like original colors. This is the code

Code: Select all

.gk-nsp-header a:hover {
   color: #3b6eb0;

I show you my override css, because don't know if you need it.

Code: Select all

body.category #gk-mainbody h1.page-title {display: none;}

article header h2 {
font-size: 30px;
}

article header {
    margin: -0;
}

.itemList article {
    margin-bottom: -0;
    padding-bottom: 0;
}

.itemAsideInfo + .itemBody {margin-left: 0 !important}
article aside.itemAsideInfo > ul {padding: 0 !important}

h2 {letter-spacing:-1px}

body.archive.category article.post a.btn {display: none;}


My site is http://www.paternaaldia.com

Thanks, hope you can understand what I need with this horrible english

Ok, but NSP headers still have Lato font-family, so I'm not sure where exactly the problem is.

In regards to this code

Code: Select all

.gk-nsp-header a:hover {
   color: #3b6eb0;
}

Add it to css/override.css file, because now it's overriden by color style css files.

Thanks for your reply Piotr. Can you tell me what archive do I have to edit to change the space between letters in the articles header, nsp header, and the headers in category view? I think that maybe this is reason for what It doesn't look as I want.

The hover color of the headers are now ok with the code you gave me. Thanks a lot.

Add this code to override.css file

Code: Select all

#gk-mainbody article > header h1,
#gk-mainbody article > header h2,
.gk-nsp-header {
   letter-spacing: 0;
}

You can use values like: 0, -3px, 2px, -0.3px etc.

Thanks for your help again Piotr.