two nsp gk5 and different style.css

Hello, my site now works only local server and haven't your GK-template (I promise when you made a new sport-template I'll change it!!: )

now, I have two NSP GK5 and I need that only one title is smaller than the other.
Both modules inherit the title from style.css ( /modules/mod_news_pro_gk5/interface/css/style.css)

Code: Select all

.nspArt h4.nspHeader {
    font-size: 18px;
    margin: 0;
    padding: 0 0 5px;
}
.nspArt h4.nspHeader a {
    text-decoration: none;
}
.nspArt h4.nspHeader a:hover {
}

I ask you if you can use two different styles so that I can have two titles of different sizes? can you tell me how?

THANKS A LOT

Hello, I have same issue for my website http://www.perebrachfield.com.. I have two NSP GK5 modules on homepage but second module included in Tabs GK5 need with a little header. I try to create a class suffix to the specific module and create a font-size for this class without lucky.

Thanks,
DN.

Hi

Default style for NSP header looks like this:

Code: Select all

.nspArt h4.nspHeader {
    font-size: 24px;
    margin: 0;
    padding: 10px 0 15px;
}


so You can override it for any specific NSP module by adding an ID of this module. Here is an example:

Code: Select all

#nsp-nsp-296 .nspArt h4.nspHeader {
    font-size: 24px;
    margin: 0;
    padding: 10px 0 15px;
}


296 is a module ID in the above example.

Yeahhh it workssss

thanks, thanks, and again thanks

in a future update of NSP, I ask you if this override will be overwritten?

a little observation: if I want to work with the default-images I need enter a default ID module specific for every NSP (see attachment), but unfortunately the override suggested by you only work with the module ID empty.

Hi

I only write about the solution with IDs, becuase most of configurations has this field empty. If You have "newspro2" there You can use a code like:

Code: Select all

#newspro2 .nspArt h4.nspHeader {
    font-size: 24px;
    margin: 0;
    padding: 10px 0 15px;
}


oh, yes, sorry, I was wrong because before I had written:

Code: Select all

#nsp-nsp-newspro2 .nspArt h4.nspHeader {
    font-size: 24px;
    margin: 0;
    padding: 10px 0 15px;
}

Ok Now work but with this code:

Code: Select all

#nsp-newspro2 .nspArt h4.nspHeader  {
    font-size: 24px;
    margin: 0;
    padding: 10px 0 15px;
}

Hi

Yes of course I'm not using this often so I forgot that "nsp-" suffix is required. Thank You for reminding me that.

Thanks a lot, solution with modules ID's works perfectly for me.