Question Quote highlight.

(This is just an example text for my question below.)

So looks quote on your forum.

See my Example please.
There is there no indentation (= padding?) between the beginning of the quote (the highlighted by the color area) and the preceding text, as it looks on your forum.
I can't fix this with css. (:-
How and where can I change this indentation?
(And how to reduce indentation after a quote?).

Thanks.

P.S.
The link in the example is fixed, sorry.

I'm not quite sure I understand what you are asking.

The screenshot I posted, is from our forum (test environment, no public access, yet). I have modified the CSS to have a background on the quote and reduce the font size of the quote. I, and others with me, found it strange that the quoted text was actually larger than the reply. The background adds contrast.

The code snippet I posted is unmodified output from Kunena's PHP that generates the quote design. If I find the time, I may get my hands dirty and modify that in order to get the desired layout.

For now, I'm fine with modifying CSS to enhance the layout. However, I cannot change everything with CSS. If a certain piece of HTML is not classed or tagged, it gets hard to modify it using CSS without having an influence on other parts of the forum. If the generated HTML is "out of line" (inconsistent), I'd say it should be fixed in PHP, rather trying to mask it with CSS, if at all possible.

For the difference between my styling and the default styling, here is the bbcode for the screenshot I posted. It renders quite differently. But the intro to the quote, depending on quote level, stays the same.

[hr]

Knalerwt wrote:

ddw wrote: i.p.v. bijvoorbeeld plaats bericht staat er toevoegen, ik dacht de eerste keer dat dat over een bijlage ging en zocht dus naar de knop om een bericht te plaatsen :blush:

Is even wennen. Maar het zijn de standaard vertalingen van Kunena. Geen idee of dit makkelijk aan te passen is. Maar ik vind dit even minder belangrijk. Wel iets om mee te geven aan de gebruikers om verwarring te voorkomen.

So looks quote on this forum.

quote on this forum

At my site it looks so.

What I mean: (excuse my english)
There is there no indentation (= padding?), between the beginning of the quote (the highlighted area) and the preceding text as on this forum. I need a little space here.
I can't (:- fix this with css.
How and where can I change this indentation?
And how to reduce indentation after a quote?.

@tcn You did not publish your .css changes, is'nt it?

lemur wrote: I can't (:- fix this with css.
How and where can I change this indentation?
And how to reduce indentation after a quote?.

Since CSS does not allow you to use a counter() inside the calc() function, you would have to define the left side padding for every child element separately. The question then becomes what depth of quoting levels you can expect. I'd say usually it's only a few, like three or four at most.

You can thus define it in CSS as follows. (I'm using LESS notation since that is what our template is using)

Of course that would go wrong as soon as someone exceeds the pre-defined quoting depth. That's why it's a shame that calc() does not allow counter() as a value for calculation.

@tcn You did not publish your .css changes, is'nt it?

No, I haven't. But it's not exactly top secret. It's all in LESS since that is what our template uses. But you can easily convert it to CSS using Koala or some other tool. I can upload it to some file bin somewhere. Let me know if you're interested.

tcn wrote: You can thus define it in CSS as follows. (I'm using LESS notation since that is what our template is using)

Code:

div.kmsg { blockquote:nth-child(1) { padding-left: 10px; } blockquote:nth-child(2) { padding-left: 20px } ... }

Oops, I just saw that only the first blockquote element is a child of div.kmsg. In that case you can define a daisy chain of the required depth:

@tcn
Thanks.
I asked, really about something else, but could not, apparently, explain what about exactly in my bad English.
I'll live on with it. : - (.