Solved Templates

Article categories and content is having different appearance

Asked by Federația Sindicatelor din Instituții de Cultură 2 years ago Last activity 2 years ago

Hello.

I would really use to know why my „X” article category (https://www.fsic.ro/index.php/en/component/content/category/revista-presei?Itemid=101) have different top appearance than „Y” article category (https://www.fsic.ro/index.php/en/articole-de-presa/comunicate-de-presa) along with all the articles in those categories? I mean one has a transparent menu bar, the other not, the top bar color is different on first category.
https://prnt.sc/jUyYd4EvyIrh
https://prnt.sc/Xw2s-8JpnD_n

Articles form the categories display differently as well:
https://prnt.sc/wDYDGDGrAaJ8 https://prnt.sc/fGUX_kEZttOQ

And how cand I personalize the appearance of an article or article category?

Thanks in advance!
Happy Holidays!

Accepted answer

Marked as the solution
Pavel
2 years ago · edited

Well I did modify the template.css

Hi. You will lose all changes after updating the template or recompilation of template settings (Save button). Never edit template's core files. Use custom.css file.

Can you guide me on wich lines I should try to modify in the template.css file for those articles that belong to the category blog menu item type.

Using browser Dev Tools, find code you need, edit it right in Dev Tools, then copy and paste to the custom.css file.

You can use Page Class field in the menu item settings to add your own css class to whole page (to body tag) and use it in your code

2 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. You should have menu item based on your category of article. Then check again.

I appreciate your cooperation and will ensure to get back to you as soon as possible.

Best regards,

Toufiqur Rahman (Team Lead, Support)

Federația Sindicatelor din Instituții de Cultură Asked this
2 years ago

Thanks for your response Mr. Toufiqur

I didn't quite understand wich menu item of the article category do you refer. Do you mean the menu item type of a menu page? But the first category in my example is not linked to a menu so there is no option for menu item settings.

I fact what I need is to find out how to configure (text color, position, font, size, background color etc.) of this upper area title of an article (https://prnt.sc/wDYDGDGrAaJ8), even if its through CSS, but i dont know wich files I need to edit. And I dont refer the menu bar wich i understand is set by the template style.
I would like to configure the article page more like this: https://prnt.sc/DpCFs1IBNzkC and not like this: https://prnt.sc/wDYDGDGrAaJ8 wich is not allingned properly.

For example, the individual SP page builder pages cand be configured through the Page CSS options of the Sp page builder, but for the articles page I dont have similar settings.

Let me know if you need my login credentials.

Thanks a lot!

Pavel
2 years ago · edited

For example, the individual SP page builder pages cand be configured through the Page CSS options of the Sp page builder, but for the articles page I dont have similar settings.

Hi. Following Helix documentation, create the сustom.css file and write all your code there, including for Sp Page Builder pages. This is the best practice. The use of Page CSS options, addon Custom CSS field, Helix Custom CSS field worsens performance. And this is not convenient. For example, if you return to the project in a couple of months to change something, it will be difficult for you to look for the desired code in numerous places.

Also, you can connect your desktop app editor (like Notepade++, VS Code and ect) to custom.css via FTP, which will significantly improve your workflow.

Federația Sindicatelor din Instituții de Cultură Asked this
2 years ago

OK, so the only way it's thorugh custom css editing.
Well I did modify the template.css, and now all the article pages are displayed properly, as I wanted, except those wich are located on a menu page with Category blog menu item type.
All those has diffrent menu and top bar color and transparancy:
https://prnt.sc/W1J5hpHOPZs1 https://prnt.sc/C-ZpL7nHkGs8

Can you guide me on wich lines I should try to modify in the template.css file for those articles that belong to the category blog menu item type.

Thanks!

Log in to reply.