Color Coding in Custom CSS Panel

ajr1005 · Member · Jan 19, 2016 at 10:31 pm
Copy link

Add topic to favorites
When I type custom CSS into the Custom CSS panel, some of the words turn colors (blue, light blue, green, red). I’m pretty sure they mean something, but I have no idea what? I’m curious what the various colors mean? For example, in the following bit, “#e2cfe4” is blue and “!important” is purple:

.pique-frontpage .pique-panel.pique-panel2 .pique-panel-background {
background-color: #e2cfe4;
opacity: 0 !important;
}

In the next bit, “#55565D” is blue; the max-width value “1400px”, padding value “20px”, and text shadow values “0 0 0” are green.

.pique-frontpage .pique-panel.pique-panel2 .pique-panel-content {
color: #55565D;
margin: 0;
max-width: 1400px;
padding: 20px;
text-shadow: 0 0 0 rgba(0,0,0,0);
}

Do these colors mean something I’m missing out on? I’m super super new to writing custom CSS … just figuring it out … slowly but surely (and having fun so far)!

BTW, my browser is Google Chrome and the site I’m working on is http://ajrventuresdotcom.wordpress.com.

Thank you!

The blog I need help with is: (visible only to logged in users)
thesacredpath · Member · Jan 20, 2016 at 4:10 am
Copy link
What you are seeing is the syntax color highlighting. Different types of values will show in different ways. Here is a link to a Wikipedia article on syntax highlighting.
ajr1005 · Member · Jan 20, 2016 at 3:55 pm
Copy link
Thank you very much for this answer! I really appreciate the help!
thesacredpath · Member · Jan 20, 2016 at 9:07 pm
Copy link
You are welcome.

No items found.