Changing CSS font style and size doesn't have any effect

Question

* {
	padding: 0px;
	margin: 0px;
	font-family: Calibri;
}
#largefont{
	font-size: 24px;
	font-family: serif;
}

<p id="largefont">
<p>TEXT text</p>
...
</p>

It's actually a live website I'm doing for a HTML/CSS class. You can view it here:

http://user2cis133.achins.com/homework%20nov8/index.html

The basic code is at the top. I set the  as id="largefont" and in the CSS doc I set the font family and size. However the font size and style isn't changing. I would like some help figuring out why it isn't working.

Where are you defining that it should be 1.1? i.e. how, in code, have you told the browser this? As far as I can tell, you have not implemented and CSS styles setting the font size. — Le-roy Staines
– Le-roy Staines, Commented Nov 9, 2014 at 8:52
Also you should define your question more thoroughly to yield a better response here. I think people will downvote this question because it is too generic. It is basically saying "I have a bug, can someone please fix it". You need to define the problem better. For example "I am setting the font size for an HTML element by... [doing this]... but it doesn't seem to be working. Here's a snippet of my code, and a link to a running example. — Le-roy Staines
– Le-roy Staines, Commented Nov 9, 2014 at 8:55
It's in a stylesheet: #largefont{ font-size: 24px; font-family: serif; } It's in an attached style sheet. user2cis133.achins.com/homework%20nov8/style.css — Blind Guardian 117
– Blind Guardian 117, Commented Nov 9, 2014 at 9:11
Much better! Now we can see the problem straight away. You cannot nest elements. — Le-roy Staines
– Le-roy Staines, Commented Nov 9, 2014 at 9:26

Nisse Engström · Accepted Answer · 2014-11-10 02:42:10Z

1

As mentioned in one of your comments you are attempting to apply font-size:24px to a  element with innerText='TEXT text'.

Firstly; 24px is not the same as 1.1em as per your question. Please define your question more accurately lest we have to do ALL the work for you.

Your issue is that you have defined a CSS style rule for a particular ID, yet there is no element in your HTML document with this ID.

To make this work, with what you have, you need to give that  element the same id that is defined in your style.css rule:

<p id="largefont">TEXT text</p>

EDIT: I just saw you did have another  element with that ID however it looks like you tried to nest the  elements which is not allowed, so the browser terminated the first  before it made it to the second one.

edited Nov 10, 2014 at 2:42

Nisse Engström

4,76323 gold badges29 silver badges44 bronze badges

answered Nov 9, 2014 at 9:23

Le-roy Staines

2,0673 gold badges24 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Nisse Engström · Accepted Answer · 2016-04-30 09:29:11Z

0

It looks like you are missing the closing brace } of your first CSS rule.

* {
    padding: 0px;
    margin: 0px;
    font-family: Calibri;

Add in the closing brace and it and your CSS should work properly.

* {     
    padding: 0px;
    margin: 0px;
    font-family: Calibri; 
}

edited Apr 30, 2016 at 9:29

Nisse Engström

4,76323 gold badges29 silver badges44 bronze badges

answered Nov 9, 2014 at 11:28

Holly

7,82225 gold badges93 silver badges148 bronze badges

2 Comments

Blind Guardian 117 Over a year ago

No it's there, it just didn't copy over.

user663031 Over a year ago

@BlindGuardian117 Then fix it in your question!

Nisse Engström · Accepted Answer · 2016-04-30 09:32:15Z

0

<p id="largefont">
<p>TEXT text</p>
...
</p>

The  element can not contain another . Since  elements do not need a closing tag, your markup is the same as:

<p id="largefont"></p>
<p>TEXT text</p>
...
</p>

where the stray closing  tag is an error.

Your style for largefont is only applied to the first empty paragraph, not to the second.

edited Apr 30, 2016 at 9:32

answered Nov 9, 2014 at 13:14

Nisse Engström

4,76323 gold badges29 silver badges44 bronze badges

Collectives™ on Stack Overflow

Changing CSS font style and size doesn't have any effect

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related