Stuck in the CatApp

HTML-CSS
#1

Tell us what’s happening:

Your code so far

<h2>CatPhotoApp</h2>

<p>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>
<h2 style="color:red">CatPhotoApp</h2>

Your browser information:

Your Browser User Agent is: Mozilla/5.0 (Windows NT 6.1; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/64.0.3282.186 Safari/537.36.

Link to the challenge:
https://www.freecodecamp.org/challenges/change-the-color-of-text

Hi I put the correct HTML code in to change the color and it works Ok, I am using
my Computer at work on my lunch hour. But the Editor doesn’t seem to “agree”
that I have entered the correct code. Up until now it worked fine and let me
continue to Challenge. I would love to go on but seem to be stuck here in CatApp project
thanks.

#2

You’re supposed to edit the existing <h2> at the top, not add another at the bottom.

#3

Wat Jacey say is right. it’s an style element - style begins style ends. in the style you have to put the code you write as a sec H2- an script works as an order. the script read twice the same; and sec time a style.
aniway try this- Delete you’re sec H2 ELEMENT"Because that isn’t going to work" and use
h2>catphotoapp</h2 and edit the text to h2 style= “color: red”>Catphotoapp and then end H2. if youknow wat i mean.

Letmeknow if you go through it. if you get stuck here already i wish youluck. always try first to try it yourself
"sometimes the code stands in the instruction. you can see exactly wat you have todo. succes
Ps- i can’t write directly the code, because then it appears as how it should look like, and code dissapear.

#4

I will try that Jacey, I didn’t see that in the instructions but thanks for the tip I guess I am so used to “Hard Coding” HTML this is a little different. Thank;s

#5

so in this type of coding situation your always going to have to enter new arguments in from the top. But you can "edit’ anywhere in a previously saved string or argument as long as the code is correct yes?

#6

I quote from the challenge:

Change your h2 element’s style so that its text color is red.

“Change” means to alter what’s already there, not create something new and different. We don’t all understand things the same way, and that’s good. But clients don’t always know how to express what they want, so we often need to reassess our assumptions.

#7

Thanks Jacey and you are so right, I took everyone’s advice and moved the code to the top of the page it worked perfect. This is new to me because in the Editors I am used to with the Original HTML you can insert code anywhere and as long as the syntax is correct you are good to go. But I am eager to learn More code so I can expand my abilities. Thanks again for the help.

1 Like
#8

I am working with CSS and it’s fun here is an example of something that is "Challenging me"
the code seems simple enough but understanding “how to insert it” so the results are correct is still tough. Are the Style Sheets needing to be separated? like here or can you put multiple commands within one Sheet? in this Failure lol I separated the commands like a Java Script
but it doesn’t seem to satisfy the needs of the Server or App. What do I need to know to make it work? thanks for listening :slight_smile: here is the example:

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

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

<p class="red-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>Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.</p>
#9

I’ve edited your post for readability. When you enter a code block into the forum, precede it with a line of three backticks and follow it with a line of three backticks to make easier to read. See this post to find the backtick on your keyboard. The “preformatted text” tool in the editor (</>) will also add backticks around text.

markdown_Forums

An html document should only have a single style element (<style> … </style>). All the CSS definitions would go here. The other option is to use an external file for your CSS.

#10

Are you still trying to solve the same challenge named “Change the Color of Text”? If so, you are supposed to be using inline-styling like:

<elementName style="property: value;">Element Text</elementName>
#11

I got the color issue solved, but I think I may have a browser issue, Remember the link I sent you? well I tested the HTML page with the embedded player in MS Explorer and guess what ?
IT WORKS THERE TO. The browser just asks for permission to run the Add on and BOOM it
runs fine. with the player controls and all YEA HAW lol. It’s great to see your work come to life. The “p” tag insert for the text in the cat app and don’t insert a style code to change the color but it “dinged” me and did not change the color of the text. I did put in the anchor tag but it did not insert the text either. Once I inserted the “style” code it worked, changed the color and inserted the color too. Maybe the App does not like browser? I am entering the code “verbatim”. Appreciate all the help too :slight_smile:

#12