Learn CSS: Selectors and Visuals section number 4 is stumping me. The instructions say to cut the code you made in the last section and paste it in the style.css file. But where do I paste it? I even tried just hitting run over and over, to get the code. After I did that, I searched and searched the whole file over and over but I just can’t find it. Can someone point me in the right direction?
should be a tab beside index.html. Click the tab and paste the CSS there (without <style> opentag and endtag, just the css).
I understand that, but where in the css file? There’s so much stuff in
there already, i cant just paste it anywhere. Ive tried putting it in so
many places
Yes it seems to be. The font family arial thing is what im supposed to add
Does your CSS tab look something like the above example?
It didnt, but i went back into the lesson and now it’s all completely
different, the css tab is now empty, the page being worked on is different
but the instructions are the same. Im just going to reset my progress and
start over. I appreciate your responses
Now it’s completely different again. Im very confused. Im going through it
again, I’ll comment my results.
Alright im on step 4 of “Learn CSS: Selectors and Visual Rules”, the
instructions say to take the css code from the style element i made in step
3 and paste it directly into style.css but it doesnt really say where
Now it’s completely different again. Im very confused. Im going through it
again, I’ll comment my results.
Clear the CSS tab and paste the following in…
h1 {
color: maroon;
}
p {
font-family: Arial;
}
h2.destination {
font-family: cursive;
}
h5 {
color: rebeccapurple !important;
}
h5, p {
font-family: Georgia;
}
.description h5 {
color: teal;
}
.title {
color: teal;
}
.uppercase {
text-transform: uppercase;
}
.publish-time {
color: gray;
}
.cursive {
font-family: cursive;
}
.capitalize {
text-transform: capitalize;
}
Delete the entire style element in index.html. That should be enough to pass that step. The next lesson links the style sheet to the document…
<link rel="stylesheet" href="style.css">
will go in the HEAD where your style element was.
I tried clearing the style.css and pasting what you provided. It didnt
work. Im going to try to take a pic of my screen, it might not be to clear
but maybe thatll get us on the same page
That’s not the lesson I got the style sheet from. Please post a link and stop all the confusion.
What your screenshot shows does not jive with what I have in my lesson…
index.html
<!DOCTYPE html>
<html>
<head>
<title>Vacation World</title>
<link href="./style.css" type="text/css" rel="stylesheet">
</head>
<body>
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/explorer.jpeg" />
<h1 class="title cursive capitalize">Top Vacation Spots</h1>
<h5>By: Stacy Gray</h5>
<h6 class="publish-time">Published: 2 Days Ago</h6>
<p>The world is full of fascinating places. Planning the perfect vacation involves packing up, leaving home, and experiencing something new.</p>
<h2 class="destination">1. Florence, Italy</h2>
<div class="description">A city-size shrine to the Renaissance, Florence offers frescoes, sculptures, churches, palaces, and other monuments from the richest cultural flowering the world has known. Names from its dazzling historical pastDante, Michelangelo, Galileo, Machiavelliare some of the most resonant of the medieval age. <a href="http://travel.nationalgeographic.com/travel/city-guides/florence-italy/" target="_blank">Learn More</a>.
<h5>Top Attractions</h5>
<ul>
<li>Museums</li>
<li>Bike Tours</li>
<li>Historical Monuments</li>
</ul>
</div>
<h2 class="destination">2. Beijing, China</h2>
<div class="description">A city in the midst of reinventing itself and continuing to build on the success of the 2008 Summer Olympics, Beijing is a place of frenzied construction. New housing, new roads, and new sports venues seem to spring up overnight. At the same time, the capital of the Peoples Republic of China remains an epicenter of tradition, with the treasures of nearly 2,000 years as the imperial capital still on viewin the famed Forbidden City and in the luxuriant pavilions and gardens of the Summer Palace.
<a href="http://travel.nationalgeographic.com/travel/city-guides/beijing-china/" target="_blank">Learn More</a>.
<h5>Top Attractions</h5>
<ul>
<li>Biking</li>
<li>Historical Sites</li>
<li>Restaurants and Dining</li>
</ul>
</div>
<h2 class="destination">3. Seoul, South Korea</h2>
<div class="description">The Korean capital is a city of contrasts. Fourteenth-century city gates squat in the shadow of 21st-century skyscrapers, while the broad Han River is back-dropped by granite mountains rising in the city centercomplete with alpine highways speeding around their contours and temples nestling among their crags. Fashionable, gadget-laden youths battle for sidewalk space with fortune-tellers and peddlers, while tiny neighborhoods of traditional cottages contrast with endless ranks of identical apartments.
<a href="http://travel.nationalgeographic.com/travel/city-guides/seoul-south-korea/" target="_blank">Learn More</a>.
<h5>Top Attractions</h5>
<ul>
<li>Parasailing</li>
<li>Segway Tours</li>
<li>Spas and Resorts</li>
</ul>
</div>
<h2> More Desinations </h2>
<ul>
<li><h4 class="destination">Jackson Hole, Wyoming</h4></li>
<li><h4 class="destination">Cape Town, South Africa</h4></li>
<li><h4 class="destination">La Paz, Bolivia</h4></li>
</ul>
<p>—Best of luck with your travels, and be sure to send pictures and stories. We"d love to hear them!</p>
</body>
</html>
Then their must be a bug. Most of the time i get the picture i posted and
rarely i get the travel thing
Very weird, indeed. Let’s try something…
Copy the HTML and save it on your machine in a folder (‘thecssfile’) as index.html. Copy the CSS tab and save as style.css.
Now paste the above HTML into the lesson (replace the code that is there) and do the same with the CSS (see below). What happens when you Save it?
style.css
h1 {
color: maroon;
}
p {
font-family: Arial;
}
h2.destination {
font-family: cursive;
}
h5 {
color: rebeccapurple !important;
}
h5, p {
font-family: Georgia;
}
.description h5 {
color: teal;
}
.title {
color: teal;
}
.uppercase {
text-transform: uppercase;
}
.publish-time {
color: gray;
}
.cursive {
font-family: cursive;
}
.capitalize {
text-transform: capitalize;
}
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.