Make WordPress Core

Opened 11 months ago

Last modified 11 months ago

#59207 new defect (bug)

Twenty Thirteen: correct styling for Button & File block links in front-end widget areas (Footer & Sidebar)

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


Twenty Thirteen Theme: Button Block Background & Text Color issue & File Button Text Color issue in Frontend Widget Section

Step to Reproduce the Issue:

  1. Activate Twenty Thirteen Theme.
  2. Take Button Block in Widget Section.
  3. Check With Default Button styles and Also Check with Background Color & Text Color Selection in Button Block.(Frontend & Backend button text Colors & Background colors are different)
  4. Check With File Block in Main Widget Area Section (Button's Text Are not Visible in Frontend Footer)

You will able to see below issues:

i) Default Button Background Color & Text Color are not same in Backend Widget Section and in Frontend.

ii) User Selected Text Color & Background Color are not showing in front-end Widget section.

iii) When Add File button in Footer Widget Section(Main Widget) , Text is not visible in Frontend Side in footer section.

I have attached video for better understanding.
Video URL :

Attachments (1)

59207.patch (8.4 KB) - added by shailu25 11 months ago.
Patch Added

Download all attachments as: .zip

Change History (4)

#1 @shailu25
11 months ago

  • Keywords needs-patch added

#2 @sabernhardt
11 months ago

  • Summary changed from Twenty Thirteen Theme: Button Block & File Block Issue in Frontend Widget Section (Footer & Sidebar) to Twenty Thirteen: correct styling for Button & File block links in front-end widget areas (Footer & Sidebar)
  • Version changed from trunk to 5.8

Thanks for the report!

The blocks.css file uses .entry-content for Button block styles and the theme colors, so those never worked in the widget areas. Related: #56290 (Twenty Twelve)

The File block link would need a slightly more specific CSS selector for the text color in the Main (Footer) widget area.

.widget a.wp-block-file__button {
	color: #fff;

11 months ago

Patch Added

#3 @shailu25
11 months ago

  • Keywords has-patch added; needs-patch removed

@sabernhardt I have Added Patch as per suggestion.

Note: See TracTickets for help on using tickets.