Please how do I achieve this with News Pro GK4

Please I have a module on my site I did with another extension but would like to change it to GK

I have tried to achieve the same thing with News Pro GK4 but it has proved very difficult

First, I need the time and news title to be on the same line. I don't want it to have any line breaks

Secondly, I have not been able to override the font color and font size perfectly. The code I added in the template override doesnt seem to override all the attributes like color and font-weight

Please I would appreciate a hint or lead. I have attached the pics below for the two


Regards

Please post a link to a site where you have already configured basics of NSP, then please create a mockup showing how the end result should look like - then I'll be able to create custom css overrides to create desired look.

I have used the Custom CSS code box in the template-Advanced settings to get the colors right, but I still cant get it to both stay on the same line and also there is a big bottom margin/gap between each news item that wont just go away

Could You please post an url to your site?

Could You please post an url to your site?

I sent a PM to you. The site is demo.ngrguarduannews.com. I have been able to get the colors right but the article header still goes to a new line. Secondly, I tried is on a second site and the time does not show properly. The article time all shows as 00:00. See the second example below

http://ngrguardiannews.com/index.php/su ... ewsfeature

Code: Select all

.nspArt p.nspInfo, .nspArt h4.nspHeader {display: inline;}

.nspArt p.nspInfo {padding-right: 5px;}

.nspArt h4.nspHeader{border-bottom: none;}

.nspArt {border-bottom: 1px solid #ccc}


This styling should fix the look.

Code: Select all

.nspArt p.nspInfo, .nspArt h4.nspHeader {display: inline;}

.nspArt p.nspInfo {padding-right: 5px;}

.nspArt h4.nspHeader{border-bottom: none;}

.nspArt {border-bottom: 1px solid #ccc}


This styling should fix the look.

Hi,

Your code worked on the inline display but it affected every news pro GK4 module on the page. I want to change only the latest news module, not all the GK4 modules on my site. I want to only overwrite the style of that module

Thanks for you response though, but I will be glad if you can let me know how to apply it to only that module

Regards

Edwin

Code: Select all

.nspArt p.nspInfo, .nspArt h4.nspHeader {display: inline;}

.nspArt p.nspInfo {padding-right: 5px;}

.nspArt h4.nspHeader{border-bottom: none;}

.nspArt {border-bottom: 1px solid #ccc}


This styling should fix the look.

Hi,

Your code worked on the inline display but it affected every news pro GK4 module on the page. I want to change only the latest news module, not all the GK4 modules on my site. I want to only overwrite the style of that module

Thanks for you response though, but I will be glad if you can let me know how to apply it to only that module

Regards

Edwin

Your code affects my whole page. That does not work for me. I only want to change that module.

But I did try to use your code as guide and have gotten something much better. Just a little more tweak is needed

Regards

To limit the code to only selected modules you would need to add a module suffix to that exact module, and then prefix with custom class provided css code - you should deal with that with no problem.