Hi Discourse i need some help i added this Top-contributor-sidebar theme to my Foum but i want to know how can i add or change the backgound of it? is there any way to custom the style.

hi @ogulcan1787 thank you so much it helped. but this is not working for category’s box. they have different color if you can see on the inspection it shows they are dynamic but those colors are not showing or working i don’t how to fix this ? can you help pls [image] i want it like this can anyone help please? [image]

Welcome @Nestor_Matias! :smiley: [תמונה] Nestor Matias: change the backgound Do you mean the background colour or? If its something relatively easy you may find this guide below helpful :wink: [תמונה] Making custom CSS changes on your site Site Management bookmark This guide explains how to make CSS changes on your Discourse site, including an introduction to CSS, where to add CSS in Discourse, and how to find the right selectors using browser inspection tools. person_raising_hand Required user level: Administrator Summary This guide covers: A brief introduction to CSS and key concepts How to add CSS to your Discourse site using theme components Using browser inspection tools to find the right CSS selectors Understanding CSS basics C…

thanks @ondrej but i need to change the background of this TOP CONTRIBUTORS theme only. if you can see it looks white like the general theme Top contributors i want to customize it? [image]

hi @ogulcan1787 i only testing on my Localhost:4200 but also i need some help i’m using Sublime theme but why my category’s boxes don’t change color can you help me please? [image]

You can edit very easy. While on the page, press the F12 key on the keyboard. [Ekran görüntüsü 2024-06-04 175439] Click this icon at the top left of the console. [Ekran görüntüsü 2024-06-04 175605] Then select the area you will edit. [Ekran görüntüsü 2024-06-04 175808] Try changing the codes on the right. [Ekran görüntüsü 2024-06-04 175948] Once it’s the way you want it, copy the codes. [Ekran görüntüsü 2024-06-04 180123] Admin > Customize > themes and click EDIT CSS HTML > Desktop Paste and Save. You can instantly see what you saved on the site. You can find the codes you are looking for on the internet. For example, if you want to change the background color, search on Google for “Background change code CSS”. The codes you will find are “background-color: #fff” You can give the background color you want by adding the code you found to the edited field. Since your native language is English, you can find resources much more easily. I edited the site in my profile without any coding knowledge. You can do it too. Good luck.

Nice work and great post with the screenshots :+1: :slight_smile:

Thank you Lilly. I hope I helped. :hugs:

hi @ogulcan1787 thanks but i don’t think you understood my question i use sublime theme there’s no edit css option on this theme. i’m not using Default theme btw. [image] i hope i explained myself more clear:blush:

You don’t have to edit the css of that theme. You can create your own theme component and add that to your theme [תמונה] Open the login popup Or trigger event when button is pressed Development You can create a new Theme component and attach it to your theme. Go to Admin → Customize Click on Install button [image] Then attach it to your theme and click on Edit CSS/HTML button [image] You add code in Head section: [image] Hope that helps. +1

Maybe you can do it this way. [111] [222] [333] [444] [555] I think the best thing is to make your own design. It’s really not that difficult.

סרגל הכותבים המובילים רקע

מפתח

ogulcan1787 4 ביוני,‏ 2024,‏ 1:44pm 4

Send forum url i will help you

נושא		תגובות	צפיות
How can I change the background of a certain topic? Development	24	1959	19 ביולי,‏ 2023
Sublime Theme Theme official , sublime-theme	12	9577	30 בספטמבר,‏ 2023
Styling front page category title & nav container background Product Support	2	1203	23 באוקטובר,‏ 2020
Unique color scheme for a category Development	2	624	7 בספטמבר,‏ 2023
Designer's Guide to getting started with themes in Discourse Developer Guides tutorial , theme-guides	9	12987	8 באפריל,‏ 2024

סרגל הכותבים המובילים רקע

נושאים קשורים