Hello guys, Before come here to ask for help i’ve tried everything but without sucess until now :sweat_smile: I’m trying to put category name after category image like the FiveM Forum (https://forum.fivem.net) [shit] Already tried : Edit category-title-link.hbs through docker image (docker -it imagename sh - \var\www\discourse\app\assets\javascripts\discourse\templates\components\category-title-link.hbs) :x: Using JQuery $( “category-text-title” ).insertBefore( “category-logo.aspect-image” ) on theme editor, i’ve discovered that dont work :x: Some css trics (flex, order, table) :x: I’ve see in fivem forum, they changed the divs order but is nothing on css or if is, im not good enough to find where. Im the wordpress guy, hope someone more experienced to help, thanks in advice :heart:

Hey Jay, thank you so much, i’ve did :heart_eyes: If someone is looking for that solution, just do this: Go to Settings > Admin > Customize > Select active theme > Edit CSS/HTML In field, put this code : {{category-title-before category=category}} {{#if category.uploaded_logo.url}} {{cdn-img src=category.uploaded_logo.url class="category-logo" width=category.uploaded_logo.width height=category.uploaded_logo.height}} {{/if}} {{#if category.read_restricted}} {{d-icon 'lock'}} {{/if}} {{dir-span category.name}} And tada, its done :partying_face::tada::tada:

According to my primary research, the template name seems to be categories-only.hbs Try changing that. I haven’t tried it but I think it should be the template you are intending to change. Secondly, I wouldn’t recommend changing it in discourse. A better way is to override the template.

[image] fzngagan: categories-only.hbs The category-title-link.hbs contains exactly what im trying to change, but when i edit, theres no changes, do you know if needs to rebuild the app or something like that when edit hbs files? {{category-title-before category=category}} ** ** {{#if category.read_restricted}} {{d-icon 'lock'}} {{/if}} {{dir-span category.name}} {{#if category.uploaded_logo.url}} {{cdn-img src=category.uploaded_logo.url **class="category-logo"** width=category.uploaded_logo.width height=category.uploaded_logo.height}} {{/if}}

If you edit ember code, you don’t need to restart the complete application, but make sure you hard reload the browser window so that you’re not seeing something the browser has cached.

After the changes, i’ve restart the docker container and restart the web server haha :sweat_smile: I reloaded the page thousand of times and tried through incognito also No changes :rofl:

Just confirm for me please, im editing in the correct directory ? \var\www\discorse\app\assets\javascripts\discourse\templates\components the “templates” folder sounds that just a templates and not what is live, but im not understand that kind of programming, so is just a guessing

[Anota%C3%A7%C3%A3o%202019-07-28%20071003] ̶T̶h̶a̶t̶’̶s̶ ̶w̶h̶a̶t̶ ̶i̶m̶ ̶d̶o̶i̶n̶g̶

Why would you do that? This is a CSS change, through admin, customize.

Can you help me with this ? as i said i tried everything :rofl: Some css trics (flex, order, table) :x

See Developing Discourse Themes & Theme Components.

Category name after category image

Product Support

fzngagan (Faizaan Gagan) July 28, 2019, 9:58am 7

Try deleting the tmp folder in the discourse root directory and then restart the server.

Topic		Replies	Views
How to change category names via theme-component Development	1	667	September 29, 2023
After updating Discourse, category description shows below the image instead of next to it Product Support ux	1	155	September 24, 2025
Discourse Category Headers theme component Theme component	191	21279	March 7, 2026
Put an emoji in the category Product Support	3	1137	June 17, 2020
Is it possible to change Topic Title prompt for a category? Product Support	3	1047	March 16, 2026

Category name after category image

Related topics