HTML + CSS problem need help

w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
http://www.codecademy.com/courses/web-beginner-en-4lw13/0/2?content_from=make-a-website%3Acss-properties-box

Could you see what I'm supposed to do? I passed by writing
Code: [Select]
<style type="text/css">
  .nav a {
    color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
  </style>
But it did nothing, and that wasn't supposed to be in there. So I've no idea how I'm supposed to get the latter part in, without the
Code: [Select]
<style type="text/css"> I've tried pasting the part on several places, but the text remains white.


Oh | Elite Four Invincible!
 
more |
XBL:
PSN:
Steam:
ID: Simseo
IP: Logged

3,641 posts
 
You would genuinely be better off posting this in an actual coding forum rather than this place.


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit

So I want the functions, and not the pass. How do I affect the padding-right to 10px? Where do  I write it?
Last Edit: April 04, 2015, 03:09:05 PM by DigitalIzesty


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar

This edit is a bit late, but I want to style all of the a elements
It says it's supposed to be done like this:
Code: [Select]
.nav a {
  color: #5a5a5a;
  font-size: 24px;
}
But where do I put that?
Last Edit: April 04, 2015, 03:15:36 PM by DigitalIzesty


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put this in a stylish theme:

Code: [Select]
#headerContainer nav ul li a { /** changes color of inactive links in nav **/
    color: red !important;
}

#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/
    color: #FFFFFF !important;
}

#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/
    font-size: 12px !important;
}

Change colors/sizes as desired.
Last Edit: April 04, 2015, 03:17:06 PM by Cheat


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put this in a stylish theme:

Code: [Select]
#headerContainer nav ul li a { /** changes color of inactive links in nav **/
    color: red !important;
}

#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/
    color: #FFFFFF !important;
}

#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/
    font-size: 12px !important;
}

Change colors/sizes as desired.
Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put this in a stylish theme:

Code: [Select]
#headerContainer nav ul li a { /** changes color of inactive links in nav **/
    color: red !important;
}

#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/
    color: #FFFFFF !important;
}

#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/
    font-size: 12px !important;
}

Change colors/sizes as desired.
Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.
https://userstyles.org/

It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.


🂿 | Mythic Unfrigginbelievable!
 
more |
XBL:
PSN:
Steam:
ID: Decimator Omega
IP: Logged

21,882 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.

Cheat has no idea what to do either?

*hits the panic button*

YouTube


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put this in a stylish theme:

Code: [Select]
#headerContainer nav ul li a { /** changes color of inactive links in nav **/
    color: red !important;
}

#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/
    color: #FFFFFF !important;
}

#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/
    font-size: 12px !important;
}

Change colors/sizes as desired.
Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.
https://userstyles.org/

It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.
I'm trying to learn how to program, I don't actually need it right now.

Look, it'd be much easier if we start from square one.

Description:
1)The CSS selector .nav a selects any a element nested inside an HMTL element with a class named "nav."

2)The color property sets the color of a element text to #5a5a5a.

3)The font-size property changes the size of a element text to 24px.
I get this, I understand and comprehend it all
How the finished version is supposed to look like:
Code: [Select]
.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
Alright, but where is it supposed to be placed in the text?

I just want to follow the instructions, and it says that ^ is how the finished one is supposed to look like. I've no idea where to put this; under something or over it. Where in the text does that piece of coding fit in? If I put it on its own, it won't accept it.

It can't look like this:
Code: [Select]
<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
  </head>
 
  <body>
    <div class="nav">
    .nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>
Again, ^ Is a bad one, it doesn't work that way, so how does it work?


 
Cheat
| Flora Colossus
 
more |
XBL: Cheatlancer
PSN:
Steam: Cheatlancer
ID: Cheatlancer
IP: Logged

6,654 posts
Hmm...
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put this in a stylish theme:

Code: [Select]
#headerContainer nav ul li a { /** changes color of inactive links in nav **/
    color: red !important;
}

#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/
    color: #FFFFFF !important;
}

#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/
    font-size: 12px !important;
}

Change colors/sizes as desired.
Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.
https://userstyles.org/

It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.
I'm trying to learn how to program, I don't actually need it right now.

Look, it'd be much easier if we start from square one.

Description:
1)The CSS selector .nav a selects any a element nested inside an HMTL element with a class named "nav."

2)The color property sets the color of a element text to #5a5a5a.

3)The font-size property changes the size of a element text to 24px.
I get this, I understand and comprehend it all
How the finished version is supposed to look like:
Code: [Select]
.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
Alright, but where is it supposed to be placed in the text?

I just want to follow the instructions, and it says that ^ is how the finished one is supposed to look like. I've no idea where to put this; under something or over it. Where in the text does that piece of coding fit in? If I put it on its own, it won't accept it.

It can't look like this:
Code: [Select]
<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
  </head>
 
  <body>
    <div class="nav">
    .nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>
Again, ^ Is a bad one, it doesn't work that way, so how does it work?
Code: [Select]
<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
    <style type="text/css">
        .nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
   </style>
  </head>
 
  <body>
    <div class="nav">
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>
In the <head>, inside a <style> tag.


w/e | Ascended Invincible!
 
more |
XBL:
PSN:
Steam:
ID: DigitalIZesty
IP: Logged

5,269 posts
 
Put !important at the end of every one of them and see if it works. If you're trying to override styling that is already there, yours needs to take priority.

color: #5a5a5a;
color: #5a5a5a !important;
No, it's just that I've no idea where I'm supposed to put it. Should it be over <div class="nav">, under it, or in it?
The style element goes in the <head>, but you'd probably be better off just linking a stylesheet to make things neat.

Code: [Select]
<head>
    <link rel="stylesheet" type="text/css" href="style.css" />
</head>

And then name your stylesheet "style.css".
I don't want the style itself, I want the color and the rest, not the style. All of those things but the style. For it to work without the style. Without the style, it doesn't work.
I genuinely have no idea what you're talking about. If you don't want to link a stylesheet, then put your <style> block you have there, with !important placed at the end of each styling, inside the <head> of whatever HTML file you're editing.
I just want to change the colour, and the font size. those things, but I don't know where to put in the instructions for that.

Where do I put in
Code: [Select]
color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase; }
It won't fit in anywhere

but if I were to type stylecss blabla then the site allows me to pass, but it does jack shit
Which items on the site are you trying to change? The links in the nav bar? Or just links in general?
The nav bar
Put this in a stylish theme:

Code: [Select]
#headerContainer nav ul li a { /** changes color of inactive links in nav **/
    color: red !important;
}

#headerContainer nav ul li a.current_b { /** changes color of active link in nav **/
    color: #FFFFFF !important;
}

#headerContainer nav ul li { /** this is for changing the font size for all links in the nav **/
    font-size: 12px !important;
}

Change colors/sizes as desired.
Look, I appreciate your help, but I've no idea where to put any of that. I can't just put it on its own nowhere, because then it's just white. If it's red, then it means it has a function, whereas white is inactive.
https://userstyles.org/

It is a plugin with Chrome and FireFox. Get it and dump what I posted into it, apply it to Sep7agon.net, and you're done.
I'm trying to learn how to program, I don't actually need it right now.

Look, it'd be much easier if we start from square one.

Description:
1)The CSS selector .nav a selects any a element nested inside an HMTL element with a class named "nav."

2)The color property sets the color of a element text to #5a5a5a.

3)The font-size property changes the size of a element text to 24px.
I get this, I understand and comprehend it all
How the finished version is supposed to look like:
Code: [Select]
.nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
Alright, but where is it supposed to be placed in the text?

I just want to follow the instructions, and it says that ^ is how the finished one is supposed to look like. I've no idea where to put this; under something or over it. Where in the text does that piece of coding fit in? If I put it on its own, it won't accept it.

It can't look like this:
Code: [Select]
<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
  </head>
 
  <body>
    <div class="nav">
    .nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>
Again, ^ Is a bad one, it doesn't work that way, so how does it work?
Code: [Select]
<!DOCTYPE html>
<html>
  <head>
    <link href="main.css" rel="stylesheet">
    <style type="text/css">
        .nav a {
  color: #5a5a5a;
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 14px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 14px;
  text-transform: uppercase;
}
   </style>
  </head>
 
  <body>
    <div class="nav">
      <div class="container">
        <ul>
          <li><a href="#">Airbnb logo</a></li>
          <li><a href="#">Browse</a></li>
        </ul>
        <ul>
          <li><a href="#">Sign Up</a></li>
          <li><a href="#">Log In</a></li>
          <li><a href="#">Help</a></li>
        </ul>
      </div>
    </div>
In the <head>, inside a <style> tag.
Holy shit, I think you nailed it. Praise be to Cheat o powerful and wise one I thank thee for thee assistance.
The same principle worked with
Code: [Select]
.jumbotron {
  background-image: url('http://goo.gl/04j7Nn');
  height: 500px;
}
An actual image appeared. Thank you, Cheat. Bravo Cheat