Hallo! Please tell me an example of CSS code for setting the background color in the selected part of the text in the quote. Вот иллюстрация: On my site, the highlighted part of the quote doesn’t have a background, I’ve tried tweaking the CSS myself with no success :pensive:

Hello, You can easily find out using this guide: [תמונה] 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… It will help you in the future. For what you ask, the code to change this specific part would be this one. Replace the default value with whatever color you’d like. :slight_smile: .cooked span.highlighted { background-color: var(--tertiary-low); } I added the .cooked selector because I believe span.highlighted is used in other parts of the forum.

[תמונה] Coin-coin le Canapin: For what you ask, the code to change this specific part would be this one. Replace the default value with whatever color you’d like. Hello @Canapin :wave:, yes I read this post, but it is a little superficially written. I have already tried pasting code like yours, but it only affects the first quote, and the following quotes do not change the background color(

@Aizada_M I’m not sure if this helps, but you can use this… https://github.com/merefield/discourse-tc-coloured-text It gives you a button in the Composer to decorate selected text with different colors and background colors… the code it generates in the composer looks like this… [wrap=yellow color=green bgcolor=red] [quote="system, post:1, topic:3, full:true"]Create topics here that don’t fit into any other existing category.[/quote] [/wrap] [wrap=yellow color=green bgcolor=red]Create topics here that don’t fit into any other existing category.[/wrap] [Screenshot 2023-09-01 095613] (Not sure what the “wrap=color” does though) If you want to set the background color for all quote blocks on your site you can use this CSS… aside.quote .title, blockquote { background-color: yellow; }

Maybe I misunderstood what you ask precisely? Because my CSS works for multiple quotes :

You understood me correctly, but for some reason I only have color in the first quote, the subsequent ones do not :man_shrugging:

Are you sure there are highlighted parts by default in your other quote? Could you record a video like you did in your first post? :slight_smile:

[תמונה] denvergeeks: It gives you a button in the Composer to decorate selected text with different colors and background colors… the code it generates in the composer looks like this… Thanks for the answer :raised_hands:, you shared very useful information, I saved your code for another task, but I need the background of the selected part of the quoted text to stand out from the general background when quoting. In the normal collapsed state, the background of the quotation is not highlighted. After clicking on the :arrow_down_small: button, the entire text expands, where only the background of the quoted part is highlighted in a different color. For example like this one: [image] Type of extended quotation: [image]

Yes, I highlighted each quote, but for some reason only the background of the selected text changes for the first quote. Tomorrow I will record a video and post it here.

Hi! Here’s the code I pasted into my theme’s CSS: .cooked span.highlighted { background-color: var(--tertiary-low); } Here’s how it works:

I think I understand. Quoted bulleted lists are a bit messed up: [תמונה] Quoting bullets nested under numbers breaks formatting Bug When you use the quote button to quote a part of a post that has bullets nested under numbers, the nested bullets no longer indent correctly. 1. one - a 2. two - b Try quoting this: one a two b - one - a - two - b And then try quoting this: one a two b The first one “breaks” when it is quoted, with improper indentation. Before quote: [Screenshot 2023-06-02 at 6.43.55 AM] After quote: [Screenshot 2023-06-02 at 6.44.32 AM] Notably, to get things to indent cor… In your first quote, you only quote the bullet’s text. In the 2nd one, you select the bullet as well, which is modified when you show the whole quote. The bullet goes to an upper level from its original indentation and doesn’t match the original quote anymore, so there’s no highlight). It has nothing to do with my CSS. You won’t get the highlight in any case. :slight_smile:

צבע רקע הציטוט הנבחר

מפתח

Canapin (Coin-coin le Canapin) 4 בספטמבר,‏ 2023,‏ 4:25pm 13

Yes, there isn’t and I’m even not sure fixing the Contribute > Bug I linked would solve this particular issue.

נושא		תגובות	צפיות
Formatting quotes Product Support	4	875	25 בפברואר,‏ 2019
CSS quotes - general styling Development css	5	961	16 בינואר,‏ 2020
Theme highlight color when selecting text to quote on Dark color palettes Product Support	5	673	1 במרץ,‏ 2019
Is it possible to support having blockquotes, each with a different color depending on who is being quoted? Product Support	2	658	10 במאי,‏ 2019
Different background color only on posts Product Support css	2	505	15 ביולי,‏ 2022

צבע רקע הציטוט הנבחר

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