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.

Hi, I was wondering if there was an easy way to style all <Text/> elements, i.e. change the color. Reading the docs, the only ways I can see of doing this would be:

  • add every element to tagStyles
  • add a custom renderer for every tag to add a class and add that to classesStyles

Maybe something like:

renderedTagStyles: {
    {text: {color: "red"}}
}

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
Exilzcommented, Nov 30, 2017

Hi, have you tried using the baseFontStyle prop ?

0reactions
DevAeliuscommented, Jan 23, 2020

How do i increase font size at run time (e.g from state)

<HTML> html={this.state.myhtml} baseFontSize={{this.state.fontsize}} />
Read more comments on GitHub >

github_iconTop Results From Across the Web

Fundamental text and font styling - Learn web development
Here we'll go through all the basic fundamentals of text/font styling in detail, including setting font weight, family and style, font shorthand ...
Read more >
CSS Text - W3Schools
This text is styled with some of the text formatting properties. ... Look at CSS Color Values for a complete list of possible...
Read more >
Basic CSS: Text Styling in CSS - GCF Global
Learn how to use CSS to style the text on a webpage by changing its size, font, boldness, and alignment.
Read more >
How To Style Text Elements with Font, Size, and Color in CSS
The text ranges in sizes across all the elements, with the default <h5> and <h6> styles being smaller than the <p> text.
Read more >
Styling Text - Horizon
However, properties that are used for styling text are different! Most text-related properties - and all the properties described in this lesson -...
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