Fixed Height Module?

Hey I was wondering if it was possible to fix the height of the NSP GK4 module?

I have 4 modules in a row. And I would like them to all be the same height instead of differrent heights dependent on the article showing. So it looks cleaner.
Thanks

Normally you can make them with the same height by adjusting the same amount characters. But if you want to force it, i recommend that you make this steps:

On each module, disable automatic module ID and give each your own module ID. For example (newspro1, newspro2, newspro3 and newspro4)

Now set the same amount of characters and layout configuration.

Them add this code on your template css file:

Code: Select all

#nsp-newspro1 p.nsp_text,
#nsp-newspro2 p.nsp_text,
#nsp-newspro3 p.nsp_text,
#nsp-newspro4 p.nsp_text {height: 150px!important;overflow:hidden}

It's something like this. It should work fine.

Cheers

The problem is the modules use different sizes for the thumbnail picture. So this forces the variety in the module height. Does this code change the size of the complete module of just the text section?

Thanks for the quickly reply

Hi

Just the text section as far as I see.

For similar reasons, how would you change the Header text size for individual News Pro modules?

I used this method to get my 4 modules the same size

Code: Select all

/* NSPGK4 Fix Height*/

#nsp-nsp_261 p.nsp_text,
#nsp-nsp_265 p.nsp_text,
#nsp-nsp_266 p.nsp_text,
#nsp-nsp_267 p.nsp_text {height: 220px!important; overflow:hidden;}

#nsp-nsp_261 div.center,
#nsp-nsp_265 div.center,
#nsp-nsp_266 div.center,
#nsp-nsp_267 div.center {height: 140px!important; overflow:hidden;}

#nsp-nsp_261 h4.nsp_header,
#nsp-nsp_265 h4.nsp_header,
#nsp-nsp_266 h4.nsp_header,
#nsp-nsp_267 h4.nsp_header {height: 60px!important; overflow:hidden;}

261, 265, 266, 267 are the IDs in the module manager of the 4 different News Show Pro modules.

hs.nsp_header set the size of the header section where the title is
div.center set the size of where the middle section where the image is
p.nsp_text set the size of the bottom section where the article text is

obviously the 3 heights, 220px, 140px and 60px change depending on your own set up with the modules set by the variables in the module set up screen (the number of characters or words by title, the size of the thumbnail used and the length of characters or words used for the article text, setting these the same for every module u want the same size and then playing with them till its suits ur unique website should workout.

if you need more help let me know.

I suggest u take advantage of the override.css file for custom CSS, u can put all customisations relating to the your site in this file, then back it up and restore it when there's a new update for your template rather than having to manually edit a lot of files individually, u have to turn it on under the template options in template manager

Hopefully this helps

I never knew you could target a module id with css, really nice idea, and solution.

Excellent - very useful info - works well.

Thanks for answering so fast.