WordPress.org

Making WordPress.org

Opened 11 months ago

Closed 10 months ago

Last modified 10 months ago

#3849 closed enhancement (fixed)

Support Theme: make blockquote legible

Reported by: joyously Owned by: netweb
Milestone: Priority: normal
Component: Support Forums Keywords: has-screenshots
Cc:

Description

I would really like to see the blockquote style changed to be more legible. It is currently light gray on white, and italic. It would be great if the color was the same as other text. I'd prefer that it wasn't italic as well (a lot of characters like / and # and ~ are difficult to distinguish and any emphasis used in the original is lost), but the color is more important.

At least both together is really bad, but fixing one or the other would help.

Here is the current look:
https://i.postimg.cc/7YdnJ0SL/blockquote-hard-to-read.jpg

And here is how it could look:
https://i.postimg.cc/KvR5YJkV/blockquote-easier-to-read.jpg

Attachments (1)

3849.blockquote-on-news-blog.png (34.0 KB) - added by SergeyBiryukov 10 months ago.

Download all attachments as: .zip

Change History (7)

#1 @sterndata
10 months ago

Two changes to the CSS for blockquote:

    border-left: 2px solid #888;
    color: #444;

#2 follow-up: @SergeyBiryukov
10 months ago

The current color and styling is consistent with the rest of WordPress.org themes, so if any adjustments are needed, I'd suggest making them globally.

@mapk: Could we use a darker color here for easier readability?

#3 @SergeyBiryukov
10 months ago

The current color and styling is consistent with the rest of WordPress.org themes

That said, looks like the News blog still uses older styles from wp4.css, as seen in the 4.9.6 release post.

Screenshot: 3849.blockquote-on-news-blog.png.

#4 in reply to: ↑ 2 @mapk
10 months ago

Replying to SergeyBiryukov:

The current color and styling is consistent with the rest of WordPress.org themes, so if any adjustments are needed, I'd suggest making them globally.

@mapk: Could we use a darker color here for easier readability?

Good catch, @joyously.

Let's make a few changes to the blockquote selector:

border-left: 2px solid #767676;
color: #767676;
font-style: italic;
padding-left: 0.8rem;

#5 @netweb
10 months ago

  • Owner set to netweb
  • Resolution set to fixed
  • Status changed from new to closed

In 7771:

Support Theme: Update blockquote styling

Props mapk.
Fixes #3849.

#6 @SergeyBiryukov
10 months ago

In 7774:

Support Theme: Display blockquotes in normal font style.

Props mapk, joyously.
See #3849.

Note: See TracTickets for help on using tickets.