Different title height for different instances

I have different instances of NSP Pro GK5 on our site and would like each of them to show a different title height? Is that possible and if yes how would I go about this. Kindly explain steps. if possible. www.romeoandleddes.com

Which exactly titles and how would you like to modify? Could you please create a screenshot and mark the changes on it?

Hi Cyberek. Under the topic THE LATEST, THE DAIRY and THE PREVIOUS are NSP Pro GK5 Modules. Each Modules shows a header and I wish that each of thes headers could have a different height in pixels. Currently I can only set the header for all instances. For example the header in THE LATEST is just nice in height but in THE PREVIOUS to big. Kindly advise. Thank you and all the best for 2015.

Just to clarify - I am talking about the header within the NSP GK5 Modules. I hope I am clear enough now?!

Its not the header height that is causing this issue - it is different aspect ratio of the images pushing the content up and down. The easiest way would be to use images with exact same aspect ratio.

I trust my explanation was wrong - My apology. Let me try it again. In the NSP GK5 module I can determine whether I want to show a header or not and whether it is centered or left or right alligned. All this is done within the settings and is perfect. The height of the header is determined in pixels in the gkstuff.css for all instances of NSP GK5. Is there any way that I can use the override.css and determine that the header has different pixel heights in different instance of NSP GK5? In other words can I have the module show on the frontpage the header with 24px height and another instance of the module on another menu item with only 14px height? I hope I am clear if not please accept my apology.

This can be done with use of "prefixed" css declarations. Please use firebug /chrome dev tools to find unique id of module position where NSP is posted or add a custom class to NSP itself and prefix with it when creating declaration.
Basing on your site:

Code: Select all

#gkMainbody h2 {}


will change look of header " The Latest" and:

Code: Select all

#gkBottom2 h2 {}


will change look of header " THE DAIRY".

If you want to address headers inside of NSP slides it might be more complicated and nth-child selector should be needed:

Code: Select all

#gkBottom2 .nspArtPage:nth-child(1) {}


will address first slide holder and:

Code: Select all

#gkBottom2 .nspArtPage:nth-child(1) h4 {}


will address header inside of 1rst slide.