Solved Templates

hide modules for certain articles

Asked by gralfitox 2 years ago Last activity 2 years ago

template newskit, though I think this could be useful for any template.

Well, I have several categories in my site, Every category has its own entry in the menu, so articles are shown in their category-page in blog layout.

The point is that I want to use pagebuilder for some articles, just to take full advantage of its potential and show awesome articles, but, this potential is limited by the sidebar wich is configured to be shown on the category and appears on single articles as well.

Is there any reasonable way to hide the sidebar on these articles? pagebuilder articles, but keeping them into the desired category?

thanks in advance

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
2 years ago

I agree, looks nice :))

10 more replies

Oldest first Newest first Most helpful
Toufiq Senior Staff
2 years ago

Hi there,

Thank you for reaching out, and I apologize for any inconvenience caused by this oversight. Can you share a url? And share a screenshot that you want to hide. I think you need to apply css code using parent class of this article itemid.

Best regards,

Toufiqur Rahman (Team Lead, Support)

gralfitox Asked this
2 years ago

The point is I want to show the PB article fullsize window, no sidebars no blank spaces right and left

Toufiq Senior Staff
2 years ago

Share your page links

gralfitox Asked this
2 years ago

take a lokk on hidden content

Toufiq Senior Staff
2 years ago

Sorry to say that, for the specific article cannot possible to make full-width. If you add this css code then all of article will be full-width under this menu. 

.view-article.itemid-546 div#sp-right {
  display: none;
}

.view-article.itemid-546 #sp-main-body .container {
  width: 100%;
  max-width: 100%;
}

.view-article.itemid-546 #sp-main-body .container .row {
  display: flex;
  flex-direction: column-reverse;
  flex-wrap: wrap;
  align-content: space-around;
}

.view-article.itemid-546 #sp-main-body .container div#sp-component {
  width: 100%;
  max-width: 100%;
}
gralfitox Asked this
2 years ago

where do i have to add this code?

Toufiq Senior Staff
2 years ago

Template settings > custom css box.

gralfitox Asked this
2 years ago

maybe to create a new category for PB articles only is a good fix for that?

what if I create a category for PB articles? what code should I use them?

Paul Frankowski Senior Staff
2 years ago

If I may add smart idea.

If you need modules published beyond article or page area, in template module positions and have FULL control where are they displayed and where are not - you should use Advanced Module Manager (RegularLabs) it's would be you swiss knife tool, all in one. Then you would be able to assign modules to selected articles, categories ect. far more than Joomla offers by default.

gralfitox Asked this
2 years ago

nice thank you, but will this extension allow me to use full width?

Paul Frankowski Senior Staff
2 years ago

This extensions is for different purpose.

Full width depends on template styles, container width or/and settings. Your question is too general to answer unequivocally.

gralfitox Asked this
2 years ago

Well, I am creating a new category and a new item menu for it, how can I show anything in this category fullsize?, I mean all articles in this categories, will be PB articles, so, I want to show fullsize

Paul Frankowski Senior Staff
2 years ago

ONLY in that category?

If yes, it request using extra Custom CSS - how good (or bad) you are in that topic?

gralfitox Asked this
2 years ago · edited

yes, a category intended to show PB articles.

well, not so good

i was wondering, using a copy of the template and asigning it to this new menu item with new config, I mean changing layout.... would do the trick?

Paul Frankowski Senior Staff
2 years ago

Yes, it's also OK.

Or by using HDAnyCode module with custom CSS code, but code customizations goes beyond JoomShaper support.

gralfitox Asked this
2 years ago

thank you

Log in to reply.