Hide Article Categories on certain pages

amine101

Hello Team,

I have a page that lists articles in my categories, I would like to hide the category that the article belongs to on that page, for example on the page below I dont want my articles listed to show economy, sports etc on the images of the article. I have looked for the correct setting to turn this off but I was unable to find it, can you please assist?

https://www.moroccancircles.com/index.php/moroccan-news

dominic

Hi amine101,
To hide the categories on the page, you can go to the Backend > Main menu > edit the menu item and add the hide-categories class to the page class field.

Then add the following CSS code to the template:

.hide-categories .magazine-item-media .item-image + .category-name {
    display: none;
}

amine101

Thank you Dominic. A stupid question if I may? Where do I add the code you have provided?

dominic

Hi amine101,
You can add the CSS code to the /templates/ja_teline_v/less/style.less file then go to the site template styles > JA Teline V - Default and click the compile less to CSS button.

amine101

dominic that worked perfectly however and it's probably my fault, but once I have compiled less to CSS that reverted all the changes I have made. Can you please assist?

For example

This is the CSS that is being applied when page loads

.t3-footer > .container { background-color: #111111; color: #999999; font-size: 12px; position: relative; padding-top: 48px; padding-bottom: 48px; }

However template.css is showing

.t3-footer > .container { background-color: #ffffff; color: #999999; font-size: 12px; position: relative; padding-top: 0px; padding-bottom: 48px; }

dominic

Hi amine101,
About the custom CSS, you can add all the CSS code here: /templates/ja_teline_v/css/custom.css instead of the less file and compile it.

amine101

Hello Dominic,

I have tried what you have suggested but the issue persists. I have taken to custom.css route to start re-applying the changes I would like to make however some of the changes do apply but others don't.
Is there a way to revert post compiling less.css? Or a way to at least regain the ability to apply any changes that I make to the css?

amine101

Any update on this please team?

dominic

Hi amine101,
You can not revert the post compiling less.css. You should add the CSS to the less file instead of other CSS files excluding the custom.css file.

amine101

Understood. What is the best way to reset the template and re-start from scratch without re-installing the whole site? Something is happened to my site so my css changes are no longer reflected.

dominic

Hi amine101,
The best solution, you download the latest version of the JA Teline V template and copy each file in the CSS, LESS folder to override into your site.