question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Bug on Opera, Firefox and Chrome "Change the Font Size of an Element"

See original GitHub issue

Challenge Change the Font Size of an Element has an issue. User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36 OPR/38.0.2220.41. Please describe how to reproduce this issue, and include links to screenshots if possible.

My code:


<style>
  .red-text {
    color: red;
  }
  .p {
    font-size: 16px;
  }
</style>

<h2 class="red-text">CatPhotoApp</h2>

<p class="red-text">kitty ipsum text Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.</p>
<p>kitty ipsum text Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>

I’m having the following problem using Opera, Firefox, Chrome: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.106 Safari/537.36 OPR/38.0.2220.41

“Between the style tags, give the p elements font-size of 16px. Browser and Text zoom should be at 100%.”

no_pass_bug

I have tried the suggested methods (zoom 100%, restart) from other issues (#6242, #6335, #6664) did not solve the problem…

Kindly ask you to look into the situation.

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

4reactions
mapgyikcommented, Jul 8, 2016

Thanks for the quick reply. For others who are stuck with this, here is the correct code:

<style>
  .red-text {
    color: red;
  }

  p {
    font-size: 16px;
  }
</style>

hint: “.” is only used for a class . and p is an element. just use p

0reactions
Riverinocommented, Dec 8, 2016

that is right, it works for me. thanks

Read more comments on GitHub >

github_iconTop Results From Across the Web

font-size not applied correctly to HTML/BODY elements using ...
I'm experiencing this problem since the last version of Chrome (31). It seems that Chrome doesn't load the font-size value on the body,...
Read more >
Font-size issues comparing chrome and Firefox - Stack Overflow
I tried several ways to match the font-size, specified it in px, in % set the body to 100% and then the elements...
Read more >
Text rendering (position, size) fails when text (system fonts or ...
1) Create a DIV and a few text elements using Web Fonts with absolute positioning and css3 scale transforms applied 2) Increase the...
Read more >
932743 - strikethrough is rendered wrongly when big font size ...
Open Bug 932743 Opened 9 years ago Updated 2 months ago. strikethrough is rendered wrongly when big font size is used, superscript element...
Read more >
All text displaying too large, Ctrl+0 doesn't fix - Mozilla Support
Use values greater than 1.0 to increase size. For example, a value of 1.25 will increase font size to 125% to accommodate the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found