Hi, Could you please give me a screenshot of this issue?

Sure, here you go:

Hello,

Is there a temporary fix that I can apply? I'm hoping to launch the site this week if possible.

Kind regards, John

Hi Use this custom css

.view-article.layout-default .container-inner {
    display: flex;
}

Add this css code inside the custom.css file. Note: Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code. https://prnt.sc/pu705g https://prnt.sc/pu70zn In Extensions>Template> Template Options > Custom Code > Custom CSS please add this Thanks

Thanks for reply. But it shows gap between article and module. see the link https://www.oceannews.com/staging1/news/milestones/industry-leaders-join-forces-to-support-nor-shipping-s-blue-economy

and also it shows css on bottom

https://oceannews.com/staging1/images/css.png

give me your super admin access please

Hi Mehtaz,

It appears our developer added the CSS in the wrong place. They added the CSS to this file templates/newsberg/html/com_content/article/default.php -- I'm fixing it now.

Kind regards, John

Ok, CSS is in the correct place, but now the layout is messed up. The Content area is not as wide as it once was, and there is a large amount of white space between the content on the right siderbar.

Top naviagtion is now messed up too.

I added login credentials to the hidden content area of this post.

Could you please give me a screenshot of that issue?

Sure, here you go. Looks like the provided CSS does not fix the issue. I've tried in 3 differnt browsers as well.

The CSS provided doesn't really address the issue with the < aside id="sp-right" > still showing up outside the < main id="sp-component" > div. Running the page through w3c validator still shows open elements, seems there may be a missing < /div > in a file somewhere.

Just want to be clear here, the issue is not fixed. I just found a temporay solution.

I just identified what file is causing the issue. I renamed the following file templates/newsberg/html/com_content/article/default.php to templates/newsberg/html/com_content/article/default-disable.php and replaced the default.php with the default.php file from the shaper_gazette template.

Can you please look at the file here: templates/newsberg/html/com_content/article/default.php from version 1.2 of newsberg to see if there is anything missing from that file that would cause the right module position to not show in the right position?

Maybe the issue is partially related to the "Disable Modules' setting in the main template settings. I had this disabled so the right modules will show, but the layout is broken if I use the newsberg version of the override here: templates/newsberg/html/com_content/article/default.php

Kind regards, John

Hello,

Is there anyone that can help with this? I've identified the problem file, I do not know what else to do.

Kind regards, John

Hi Keep a backup and make this page again

Hi Mehtaz,

I'm not sure I understand, how am I supposed to remake the page?

It's a Joomshaper override. Every single Joomla article is affected.

Kind regards, John

Hi Mehtaz,

I modifed the CSS you provided to the following:

.view-article.layout-default #sp-main-body .container-inner {
    display: flex;
}

This forces the right module to the right, like your CSS did, it fixes the issues with the top header but the spacing between col-9 and col-3 is still off.

What I don't understand is, why does the override default.php file from the shaper_gazette template work properly and the override default.php file from newsberg not?

Can you have the developer team please take a look at the default.php file located here: templates/newsberg/html/com_content/articles/default.php

There is no issue on the category pages, which also uses an override. https://www.oceannews.com/staging1/featured-stories/

Kind regards, John

Did you recrate the page?

Hi Methaz,

What do you mean recreate the page?

Are you talking about createing a new Joomla Article?

Kind regards, John

Hi Methaz,

Here's a recreated page, same issue: https://oceannews.com/staging1/featured-stories/recreated-page-for-joomshaper-support

Kind regards, John

Hi Please delete my css and give me that portion screeenshot. I dont think the upper portion happened because of my css. It conflicts somewhere else. Please delete the css I gave and recheck.

Hi Mehtaz,

CSS has been removed, now we are back to the right modules showing below the content.

Kind regards, John

Hello,

Is there a solution for this problem yet?

Kind regards, John

Here's another couple of images showing the rendered HTML is wrong.

This screenshot shows the <aside id="sp-right"> properly nested in the <div class="row"> div as it appears on this page: https://oceannews.com/staging1/featured-stories/

This screenshot shows the <aside id="sp-right"> showing outside of the <div class="row"> div as it appears on this page: https://oceannews.com/staging1/featured-stories/recreated-page-for-joomshaper-support

Since it displays correctly on the category page, this must be related to the artile related override files or some other php file within the newsberg template.

Kind regards, John

Sometimes this error is caused by article content. WHen extra closing < div > was used in article text. But I guess in that case it's something else.

Can you share access to admin area as SUper User? Use "Hidden Content" field here.

Hi Paul,

This isssue happens on all articles. We rarely, if ever, use div elements within an article. We only use basic HTML; p, ul, a, img, etc.

As a test, I replaced this file "templates/newsberg/html/com_content/articles/default.php" with the same file from the shaper_gazette template and it fixes the issue, in fact, this is the very temporary solution I am using on our live site as you can see here: https://www.oceannews.com/news/science-tech/safety-builds-your-bottom-line

I'm hoping to get this issue fixed on the staging site so I can move it over to the live one.

Credentials below.

Thanks, John

If it works by now, all I can do is inform our developer to fix it in future update.

Hi Paul,

It would be great if this issue could be fixed in a future update.

Do you know how long that would take?

Kind regards, John

Hi,

I'm planning to use the Newsberg template for another one of our news sites, are there any plans to fix the issue with the this file templates/newsberg/html/com_content/articles/default.php in the near future?

Kind regards, John

I will ping our developer.

Hello,

Just wanted to follow up, still having an issue with this.

Kind regards, John

Sorry. I will ping our developer - this time stronger ;p

Hello,

Is this ever going to get fixed?

It's been over a year now, I just updated to version 2.0.0 and the problem is still here.

I added a link into the hidden content, where you can see the right sidebar show beow the main content.

There's other people with the same issue, that has gone unanswered as well: https://www.joomshaper.com/forum/question/946

If I take the default.php from the Gazette template, it fixes the issue, so clearly there is an issue with that file in the core newsberg setup.

Also, enabling social and the progress bar do not work either.

Kind regards, John

Hello,

If I add the following CSS, it kind of fixes the issue:

.view-article #sp-main-body .container-inner {
    display: flex;
}

The issue is, now the article section section only covers 75% of the page due to the col-lrg-9 on the sp-component area. Technically, I could just set that section to col-lrg-12 but that doesn't exactly fix the main issue or the missing social icons and progress bar.

Kind regards, John

Hello,

Not sure why this works, but unfortunatley I cannot wait another year for a fix.

I had to remove the above CSS and replace the default.php file located here: templates/newsberg/html/com_content/articles/default.php with the one in the same folder of the Gazette template.

Now the page works properly.

Please look into this issue, as every update breaks my site.

Kind regards, John

I just wanted to say THANK YOU @conshelf. I was headbanging with this issue. Your temporary fix did the trick. It's pretty clear that there's something in Newsberg's detailed article view (default.php file) that is causing the issue (most probably an extra </div> somewhere).

Folks at Joomshaper, it's a shame that such an error, which has been reported, documented and even given a fix, is still pending after more than a year. It's the second strange bug I've found in Newsberg, and I would really appreciate that you took the time to fix this one and the other I reported in a future version of this template. Thanks in advance!

Hi Federico,

I apreciate that, glad I could be of help, drove me crazy for quite a while.

I really do not understand why support is ignoring this one. It's a pretty serious issue, we run a news based site, affects every Joomla article on the site and we have thousands.

Kind regards, John

i have exactly the same BUG !

When i publish a module on right and disabled author post = the right sidebar breaks and goes down below the article

and this is not a proble with div in artive because i use the kickstar articles ....

So now the question to the Joomshaper team : when are you going to solve this problem ? because it's a bug of your template and it's impossible to wait more than one year

I have paid more than 299 $ for several years to have a support but this support is non-existent, either by the chat or by the forum ...

please wake up and fix this problem because it has gone on too long

nive support he Joomsahoer team 1 yean and 6 days without soltion ti fix the bug ....

Hi It seems I have the very same issue on https://www.pulsar-agency.com/creation-site-internet/comment-creer-un-site-internet/comment-gerer-son-projet-de-site-web/outils-de-gestion-de-projet-web/environnements-de-dev or any page under https://www.pulsar-agency.com/creation-site-internet/comment-creer-un-site-internet we have a module on the right (A VOIR AUSSI) which is in the RIGHT position that is perfectly displayed.

However we also have the DUPLICATED module in the HTML code within the <aside id="sp-right" class="col-lg-2"> div which is invisble but really here !

How is it possible that the same module is displayed twice ?

thanks

cyril

Hi Cyril.

You enabled CSS compression, so it's hard to guess about source of style.

Anyway, I saw style that is used there.

.view-article #sp-right, .view-article #sp-title {
  display: none;
}

If you want to display something copied in different position, just use different ID name, not sp-right. That's all.

For example <aside id="right-box" ... if you really have to. But it's better to use whole code below <Aside>

This is 0101 world.

Hi Paul but we DON'T want to display something copied in different position ! My question was how this module could be displayed twice actually ?

We only put the module in the RIGHT position that was defined in the KONSTRA layout builder, next to the mainbody component position.

thanks

To be honest, I don't see any duplicates on the right side / desktop view/

If you want to use any Module only in SPPB pages, change him module position to "pagebuilder" (from right etc.) in Module settings. Then you can use it inside Module addon withour fear of duplicate.

Screen record + share video link = very useful.

"Une image vaut mieux que mille mots."

I didn't write we SEE the duplicated module but please F12 the page and you will see this very strange duplicated div <h3 class="sp-module-title" > A voir aussi ... </h3> either in the desktop or mobile view.

Thanks

Even on different browser or in Incognito mode I have seen only one. Please check from 2nd laptop

I checked again https://www.pulsar-agency.com/creation-site-internet/comment-creer-un-site-internet/comment-gerer-son-projet-de-site-web/outils-de-gestion-de-projet-web/environnements-de-dev on several browsers in incognito mode : please search "voir aussi" in the F12 inspector. you will see it twice.

You have compressed HTML code, so It's harder to check.

But I still think it's your setting mistake. I work too long in that to know that.

Change module position name used there. Becuase that same module is displayed in SPPB column and Right sidebar. In that page DO NOT use modules publised in "right" module position !!!

Hi Paul yes I'm sure you are the expert :)

note that these pages are not SPPB pages, just articles pages using the Konstra template that comes with a right position next to the component position.

I even copied the site to a dev version without any compression or cache and the issue remains. the infos are in the hidden content.

thanks cyril

Thanks for access, now I will be able to check. I'm not saying I'm never wrong, but ....

You have template version (1.2) that has over 4 years old, so it may happend that had bug in layout.

I am afraid that without template files update my help ends here.

But indeed right position in Article view is loaded 2x.

As alternative idea ...

I would change module position name in Template Options > Layout from "right" to different name, then in Module Manager > Batch (button) All modules from "right" to "New" one. It should help without touching files.

I saw that "feature" (module position name) is not used so far, and sounds OK.

Maybe crazy idea, but if it will work... ;)

HI Paul I can't edit the name in the Template layout. I can only select one existing position name. So you propose to use an "unused position" there and move all the "right" modules to this position ?

Hi again Since it may become very weird wihtout official fix may be the best solution is to remove the <hn> on these right modules so that there won't be any SEO issue and since there is no real reason to make these module h4 or h5. thanks for your efforts

cyril

I can't edit the name in the Template layout. I can only select one existing position name. So you propose to use an "unused position" there and move all the "right" modules to this position ?

It must be name, just select from the list.

There is also very old trick to add your own position name (known since J3.0):

1. Create a new module
2. Manually put position name for example "sidebar"
3. Save module, but don't publish it. No need.
4. Then edit that file: templateDetails.xml - from template folder (!) and add new line just after "debug" name: <position>sidebar</position>
5. Save changes.
6. Now you will be able to use it. Don't worry even after template update Joomla will remember that.

ok thanks a lot, it is working