

This is merely scratching the surface of what you can do with text styles in CSS. Text-decoration: This allows you to add underlines, dashes, and other decorations to text, e.g., text-decoration: underline.
#How to change text with inspect element chrome code#
.
This is the HTML code for the text.Select the Gmail text, right-click and choose Inspect Element and make a note of the DIV ID that contains the editable textarea. This is easy as shown in the video above.

You can find some more basic CSS text style rules below:

This doesn’t just stop with CSS text color, and you can do loads with your text when you choose to learn a little bit of CSS. Related: The CSS Box Model Explained With ExamplesĬSS is an incredibly powerful tool, giving you access to a host of different options when you’re working with text and other elements on your website. It usually takes more than this, especially if you want to give different colors to the different text on your website. This should give you a basic understanding of what needs to be done to change the color of your website’s text with CSS. You can see examples of this rule being used with an H1 heading, P paragraph, and a button below. You need to pair them with element classes, IDs, and identifiers to ensure that web browsers know what the style applies to. Of course, though, CSS rules don’t work very well on their own. It’s incredibly easy to change text color with CSS on your website you just need one rule to do it. Let’s take a look at how you can change text color with CSS on your website to give you an idea of how you can achieve more with the power of CSS.ĬSS has been carefully designed to ensure that it gives designers power over their website projects. It isn’t always possible to achieve the results you want without delving into the world of CSS. Of course, though, websites can often be stubborn. In an ideal world, you should be able to change every aspect of your site’s design without having to compromise on the finished product. Having control over your website is an important element of web design.
