No CSS being applied to text outside of <p> wrappers

Created on 29 November 2023, over 1 year ago

Updated 14 December 2023, over 1 year ago

Problem/Motivation

After installation and enabling the CivicTheme on a D10 site, the "Powered by Drupal" and "Subscribe to RSS feed" text is displayed as browser default serif font.

This is because those strings are <span> and <a> tags that do not live in <p> tags, and thus do not get the font-family: "Lexend", sans-serif; style applied to them.

Steps to reproduce

- Install D10
- Install CivicTheme
- View the homepage

Proposed resolution

A simple fix would be to add some CSS that applies the font-family to the entire <html> element, ensuring that all elements are styled by default.

🐛 Bug report

Status

Closed: works as designed

Version

1.6

Component

Code

Created by

🇦🇺Australia Toby Wild

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @Toby Wild
Status changed to Closed: works as designed over 1 year ago5:05am 13 December 2023
Comment over 1 year ago →
🇦🇺Australia alex.skrypnyk Melbourne
This is a deliberate implementation detail - only HTML tags within Basic Content component have the styles applied. HTML tags outside of Basic Content are not styled as it is not possible to predict what those tags are used for.

A theme should only be using one of the existing components or define new components, but no customisation to page elements without components.
Comment over 1 year ago →
🇦🇺Australia Toby Wild

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024