Joomla Templates Club 406,261 posts

[xdesigner Friend xdesignerJoin date: April 2014Posts: 40Downloads:2Uploads:10 Thanks: 15 Thanked: 2 times in 1 posts]

#196775

Hello JoomlArt,

I struggle to make the news featured module to display properly. I want it to display featured articles only, from 3-4 specific categories, which will display in the front page as 1 main article and 3 below.

First of all I want the image dimensions to be something like 360px height and full span6 top-home1 position’s width which is 608px. In one slide the image displays ok, then next article slides in and the image is way bigger in height, messing up the display.

Also when I change the number of the articles displayed to show the extra 3 in the bottom, it refuses to display properly.

I did the fix for overlapping articles, not sure If it changed anything because I have the image dimensions issues.

Could you please have a look and tell me which part I’m screwing which messes up the display and the correct functionality? I mean, if I add a new article, what should be the image’dimensions to display as it should?

Thank you in advance, I hope you understand what I’m trying to explain.

Appreciated any help you may provide.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#531099

Could you follow the JA News Feature module userguide here again?

Actually, JA News Feature module gets all articles from Category specified in module and display them with attributes below:

+ Number of articles: Total number of articles showed in the headline; applied in both layouts

+ Number of Featured Articles: Featured Articles are the newest articles. The Featured Articles are displayed above the regular articles.

[xdesigner Friend xdesignerJoin date: April 2014Posts: 40Downloads:2Uploads:10 Thanks: 15 Thanked: 2 times in 1 posts]

#531435

Hi Ninja Lead,

I’ve read the guide however it just explains the interface and all the given options.

However I told you that I want a different size of the featured box than the one in the demo and in the guide I can’t find where do I have to edit to make it have the dimensions I mentioned.

Also, why when I change the number of the articles displayed it gets all messed up?

I am not posting on the forums for fun…Pointing me to the guide is just the first step, but you know there are 2 scenarios:

1) I didn’t understand the guide

2) I did understand it but I’m doing something wrong and My frontpage looks bad because of this..If I knew the solution, I wouldn’t ask for support..

Really, check my other topics since I started working on ja-nex…Point me to one solution given, I really fell alone in this although when I was reading your website I was convinced that I will have some kind of support for basic stuff.

I am waiting for days for an answer which most of the times is just incomplete. What am I doing wrong, is this normal? I am readin so many topics where you just ask for access in the backend and I did that twice and noone even logged in.

What is the problem?

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#531738

<blockquote>First of all I want the image dimensions to be something like 360px height and full span6 top-home1 position’s width which is 608px. In one slide the image displays ok, then next article slides in and the image is way bigger in height, messing up the display.</blockquote>

I have checked your JA News Feature module configuration. I see the images are always set with full width 100%. You can apply this tweak:

Open the templates/ja_nex_t3/less/modules.less file

Change

.ja-zinfp-featured .ja-zincontent-img img {
margin-bottom: 4px;
width: 100% !important;
}

To

.ja-zinfp-featured .ja-zincontent-img img {
margin-bottom: 4px;
}


<blockquote>Also when I change the number of the articles displayed to show the extra 3 in the bottom, it refuses to display properly.</blockquote>

I see the configuration in module: Number of articles: 6, Number of Featured Articles: 2 but there appears total 5 articles which including 2 in the feature and 3 in the bottom. To show the extra 3 in the bottom, there should be more than 6 articles.

[xdesigner Friend xdesignerJoin date: April 2014Posts: 40Downloads:2Uploads:10 Thanks: 15 Thanked: 2 times in 1 posts]

#531908

I figured the configuration out and got it to show 2 featured articles and 3 in the bottom so thanks for the explanation. It helped.
===

Since I started developing this site (which would be single themed), I didn’t quite get the LESS to CSS procedure. I Have development mode on, cloned a style and started editing that style (named blue-cloned). In Firebug, I’ve never got pointed to a .less file, instead every change I did was inside t3-assets/dev/blue-cloned/ and there is a bunch of .less.css files which firebug points to.

First template I use with LESS..is what I did totally wrong? I am worried I have to start over.. I just didnt understand how am I supposed to edit the .less files if firebug never points me to the .less files, what did I miss?

I am saying all this because I tried the fix you suggested and it just got the image very small. So I reverted it back to what it was, and i include an attached image to see again the white gap which remains.

===
Another last question on Ja News Featured, please..When I click on the featured articles, the article displays in the bottom of the frontpage which is not what I want, I want when user clicks on featured articles in the front page to open as normal articles and have the layout as it should be, content + sidebar. Can you check please?

Thank you in advance, I am trying 🙂

---

Attachments:

1. 

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#532073

Hope my clarification below would be of help.

Go to Admin site -> Extensions -> Template Manager -> ja_nex – Blue Color_edited -> General tabs, you will see Development Mode option.

+ With Development Mode OFF: your site will load CSS files in the /templates/ja_nex_t3/css folders. With this setting, your site will use Compress CSS and JS options of T3 framework core. I have enable this on your site.

+ With Development Mode ON, your site will run LESS files in the /templates/ja_nex_t3/less folder. With this setting, your site loads rather slow as it needs time to compile LESS to CSS when your site is running.

I did help you fix the problem between LESS files and CSS files. Your site can run both option LESS or CSS.

Note: you can change anything from LESS files and once done, you have to click Compile LESS to CSS button from JA Nex template. This action will be override all css files.

[xdesigner Friend xdesignerJoin date: April 2014Posts: 40Downloads:2Uploads:10 Thanks: 15 Thanked: 2 times in 1 posts]

#532097

Hi Ninja Lead,

thank you for trying to help me, appreciated. What you explained is clear.

The frontend looks like it lost all/most of the customization progress I had done so far. I guess this is the result of turning development mode OFF and compiling LESS to CSS? Anything else?

By inspecting different elements firebug points to this path:

<blockquote>t3-assets/css/css-262a2.css?t=91</blockquote>

I am a bit confused between the path you said it loads the css files in (/templates/ja_nex_t3/css) and what firebug shows. If you say you fixed it and firebug points to t3-assets/css/, I guess I can go edit these css files in firebug?

I guess 1+1=2 but I need to be sure if editing these files and not messing again with less will be ok.

And something last, can you tell me how to make the ja news featured articles NOT to display at the bottom of the frontpage when clicked?

Thank you for clarifying this, appreciated a lot.

[Ninja Lead Moderator Ninja LeadJoin date: November 2014Posts: 16064Downloads:310Uploads:2864 Thanks: 341 Thanked: 3854 times in 3563 posts]

#532239

I just login back-end of your site, see the screenshot:

Your site set with Development Mode: OFF(using css files), see the screenshot:

As can be seen, with Compress CSS and JS options ON, it will store all css and js files into t3-assets, a temporary folder. If you want to see the actual css and js path, you can set this setting to NO, then you will see the /templates/ja_nex_t3/css and js folder

About the Top icon in the Home page, can get it fixed with following workaround:

Open the templates/ja_nex_t3/tpls/blocks/footer.php file

+ At Line 64:

Chane

<div id="back-to-top" class="backtotop">

To

<div id="back-to-top" class="backtotop reveal">

+ Find and remove snippet below

$(window).scroll(function(){
$('#back-to-top')[$(window).scrollTop() > ($('#t3-mainbody').length ? $('#t3-mainbody').offset().top : 0) ? 'addClass' : 'removeClass']('reveal');
});

---

Attachments:

1. 
2. 

[xdesigner Friend xdesignerJoin date: April 2014Posts: 40Downloads:2Uploads:10 Thanks: 15 Thanked: 2 times in 1 posts]

#532303

Thank you for making it perfectly clear. I got it.

[xdesigner Friend xdesignerJoin date: April 2014Posts: 40Downloads:2Uploads:10 Thanks: 15 Thanked: 2 times in 1 posts]

#532550

I fixed the top button as suggested, fixed the ja featured articles to open as they should (they weren’t associated to a menu, noob mistake), and now i just cant stretch the image to fit the whole position’s width but I will figure it out sooner or later.

I mark this as solved thank you for your time.

[Author]

Posts