Make WordPress Core

Opened 3 months ago

Last modified 3 months ago

#60239 new defect (bug)

Twenty Sixteen: Quote block border width is relative on front end but 4px in editor

Reported by: nidhidhandhukiya's profile nidhidhandhukiya Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version: 6.4.2
Component: Bundled Theme Keywords: has-patch
Focuses: css Cc:

Description (last modified by sabernhardt)

Steps to reproduce the issue :-

  1. Activate Twenty Sixteen theme.
  2. Choose Quote block.
  3. Now add some text.
  4. Change font size.

When you change the font size and looks both the side in editor and front end you can able to see that there is a difference in border in front side.
But, the border remains same in editor side.

I have attached video for better understanding.
Video URL :- https://share.cleanshot.com/XC73JqNtZcQVs7wbbZMY

Attachments (3)

60239.patch (427 bytes) - added by nidhidhandhukiya 3 months ago.
60239.2.patch (567 bytes) - added by sabernhardt 3 months ago.
setting border width in Quote block section, where it would not need !important, and adding RTL
60239.3.patch (427 bytes) - added by pitamdey 3 months ago.
Yes @kamran8176, I think this will work

Download all attachments as: .zip

Change History (6)

#1 @nidhidhandhukiya
3 months ago

  • Summary changed from PullQuote block having design issue in editor side in Twenty Sixteen theme. to Quote block having design issue in editor side in Twenty Sixteen theme.

@sabernhardt
3 months ago

setting border width in Quote block section, where it would not need !important, and adding RTL

#2 @sabernhardt
3 months ago

  • Description modified (diff)
  • Focuses css added
  • Keywords has-patch added
  • Summary changed from Quote block having design issue in editor side in Twenty Sixteen theme. to Twenty Sixteen: Quote block border width is relative on front end but 4px in editor

#3 @kamran8176
3 months ago

@nidhidhandhukiya Hello, I checked the issue you mentioned above about the border width issue on Twenty Sixteen: Quote block, I fixed the problem with the below CSS without !important

blockquote.wp-block-quote{
	border-left-width: 4px;
}

@pitamdey
3 months ago

Yes @kamran8176, I think this will work

Note: See TracTickets for help on using tickets.