Rapid weaver not responsive on some pages

Hi all, I use RW 8 to build my website, maddalenapoli.com
I use Mountain theme with CSS additions to modify single pages. I have used the same CSS for all pages with regard to font (type and size), but only some are responsive Screen Shot 2020-10-17 at 7.21.26 PM

this works otherwise fine in other pages; in some, it affects only some of the text (e.g., in “Publication” page). The font in the menu is also responding only at times. I do not fully understand why that is.

thanks all!

You’re using a CSS universal selector (*), which matches elements of any type.

CSS Specificity comes to play here

If there are two or more conflicting CSS rules that point to the same element, the browser follows some rules to determine which one is most specific and therefore wins out.

Think of specificity as a score/rank that determines which style declarations are ultimately applied to an element.

The universal selector (*) has low specificity, while ID selectors are highly specific!

So what’s happening is some elements on the page have CSS rules that have a higher ”Specificity Score,” which applies a different font-family property.

You can learn more about CSS Specificity here,

4 Likes

Understood! thank you!