Hi,
We are using Educon 2 template. However, when we create an ordinary article in joomla, it appears as this; https://prnt.sc/92Gvd-cDSirX .
We wish it to occupy full page instead of the blank space on the left.
Please advise how to .
Hi,
We are using Educon 2 template. However, when we create an ordinary article in joomla, it appears as this; https://prnt.sc/92Gvd-cDSirX .
We wish it to occupy full page instead of the blank space on the left.
Please advise how to .
Hi,
Thank you for reaching out.
This is how Educon 2 lays out a single article by design. The article page has two columns. The narrow left column holds the article tags, the date/author details, the author box, an optional module position, and the share buttons. On your site only the tags are shown there, which is why it looks like empty space.
To make the article use the full page width, please add this CSS:
Joomla Admin → System → Site Templates → Educon_ii – Default → Template Options → Custom Code → Custom CSS
/* Educon 2 – full-width single article */
.article-details .article-details-content-header > .row > .col-md-4,
.article-details .article-details-content-footer > .row > .col-md-4 {
display: none !important;
}
.article-details .article-details-content-header > .row > .col-md-8,
.article-details .article-details-content-footer > .row > .col-md-8 {
flex: 0 0 100%;
max-width: 100%;
width: 100%;
}
Then click Save & Close and refresh the article page (clear the Joomla cache if you use caching).
Please note: this hides everything in that left column, including the tags, date, author box and share buttons. If you only want specific articles to be full width, add a Page Class to that menu item (Menu item → Page Display tab), for example full-article. Then put .full-article in front of each selector above, for example .full-article .article-details ....
If you'd like to keep the tags but show them above the content instead, let us know and we'll be happy to help with that too.
Best regards
thanks a lot.. yes the tags to be brought down would be great. Kindly provide with the code please..
More importantly though, please advise how we can customise it so that the titles have a background picture as such ; https://prnt.sc/kfxhwF4N-uER
Thanks..
Those articles have to be added as menu items; then you can enable it them from Menu item > "Page Title" (tab) settings.
Do we talk about those kinds of articles, or articles from, for example, blog section?
well, regular joomla articles were displaying like this with empty spaces - https://prnt.sc/LNuxLIdEGWKE
This has been fixed by codes provided by Rashida and it looks like this now, using the full space - https://prnt.sc/v9eW6z1kiN6e which is ok.
However, we wish it to look like this for all regular joomla articles - https://prnt.sc/UCNoNfxZmUXT , where the page titles are displayed with a background image as such.
About tags, it's not possible by settings; in most cases, you have two options: a long Custom CSS code or an Article view override.