Making WordPress.org

Opened 6 years ago

Closed 6 years ago

Last modified 5 years ago

#3849 closed enhancement (fixed)

Support Theme: make blockquote legible

Reported by: joyously's profile joyously Owned by: netweb's profile 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 6 years ago.

Download all attachments as: .zip

Change History (8)

#1 @sterndata
6 years ago

Two changes to the CSS for blockquote:

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

#2 follow-up: @SergeyBiryukov
6 years 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
6 years 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
6 years 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
6 years 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
6 years ago

In 7774:

Support Theme: Display blockquotes in normal font style.

Props mapk, joyously.
See #3849.

This ticket was mentioned in Slack in #meta by fpcorso. View the logs.


5 years ago

Note: See TracTickets for help on using tickets.