Blockquote ... - jAlbum forums

This question is answered.

Reply to this Thread

Search Forum

Back to Thread List

Replies: 9 - Pages: 1 - Last Post: 16 Apr 25, 11:37 Last Post By: ming666

Threads: [ Previous | Next ]

ming666

Posts: 108
Registered: 27-Aug-2019

Blockquote
Posted: 15 Apr 25, 11:50

Screenshot 2025-04-15 104654.png (38.0 KB)

In the comments section I have some parts in blockquote tags. They are in the modal window in a popup, if that is relevant.

The skin is translating these into a section in all caps (see attachment)

The html is:

<blockquote>
<p>真石經萬載, 輕騎厯八荒</p>
<p>A true stone will last for ten thousand years;<br>
      A light cavalryman will pass through the outlands in all eight directions.</p>
</blockquote>

Why is it doing that and is there a way to stop it?

I can make it look like a normal blockquote by using a span tag and defining an indent but I am just curious as to why it would do this?

Laza

Posts: 1,515
Registered: 6-Sep-2005

Re: Blockquote
Posted: 15 Apr 25, 14:38

in response to: ming666

The skin was originally based on the Zurb Framework, which contained stylings like this. Later, when I removed the framework, I took over the formatting from Zurb to ensure continuity. So, it was like this from the beginning. You can change it back to normal casing with this custom CSS:

blockquote { text-transform: normal; }

ming666

Posts: 108
Registered: 27-Aug-2019

Re: Blockquote
Posted: 15 Apr 25, 15:26

in response to: Laza

Laza wrote:
The skin was originally based on the Zurb Framework, which contained stylings like this. Later, when I removed the framework, I took over the formatting from Zurb to ensure continuity. So, it was like this from the beginning. You can change it back to normal casing with this custom CSS:

blockquote { text-transform: normal; }

Thanks but that hasn't made any difference.

JeffTucker

Posts: 7,956
Registered: 31-Jan-2006

Re: Blockquote
Posted: 15 Apr 25, 15:50

in response to: ming666

I believe it should be:

blockquote {text-transform: none;}

ming666

Posts: 108
Registered: 27-Aug-2019

Re: Blockquote
Posted: 15 Apr 25, 15:53

in response to: JeffTucker

JeffTucker wrote:
I believe it should be:

blockquote {text-transform: none;}

ah that does work but also makes the text in the blockquotes a different font from the rest of the text

JeffTucker

Posts: 7,956
Registered: 31-Jan-2006

Re: Blockquote
Posted: 15 Apr 25, 15:59

in response to: ming666

I'll have to leave that one to Laza. I have no idea what other attributes might be applied to the blockquote tag, and I'm not eager to do the hunt for them.

ming666

Posts: 108
Registered: 27-Aug-2019

Re: Blockquote
Posted: 15 Apr 25, 16:00

in response to: JeffTucker

JeffTucker wrote:
I'll have to leave that one to Laza. I have no idea what other attributes might be applied to >the blockquote tag, and I'm not eager to do the hunt for them.

Don't blame you

Laza

Posts: 1,515
Registered: 6-Sep-2005

Re: Blockquote
Posted: 15 Apr 25, 17:53

in response to: ming666

It should not make a difference. Here's the whole definition:

blockquote {
	font-size: $fontXL;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	padding: $gap1 $gap4;
	margin: 2rem 0;
	border-left: $gap2 solid $transparentText;
}

Laza

Posts: 1,515
Registered: 6-Sep-2005

Re: Blockquote
Posted: 15 Apr 25, 17:57

in response to: Laza

Correct

Screenshot 2025-04-15 175613.png (75.1 KB)

Perhaps you mean the letter spacing? You can reset that too:

blockquote {text-transform: none; letter-spacing: 0; }

ming666

Posts: 108
Registered: 27-Aug-2019

Re: Blockquote
Posted: 16 Apr 25, 11:37

in response to: Laza

Laza wrote:
Perhaps you mean the letter spacing? You can reset that too:

blockquote {text-transform: none; letter-spacing: 0; }

ah, yes it was the spacing rather than the font. Spacing made it look like a different font.
Anyway that's done the trick thanks.

Pages: 1

Back to Thread List

Threads: [ Previous | Next ]

Legend
	Forum admins
	Helpful Answer
	Correct Answer