Hi @Onale101,
First, it would be much better that you share the code in a way we can copy it and mention it. To share your code, you can send a link if you project is available that way or use the performed text:
Now to answer point by point with what I see on your screenshots.
how I would make the font size of the ‘name’ form buttons slightly smaller, and to also make them black as opposed to red. I’m not entirely sure why they have come up red on the live server, as I didn’t think I had assigned a colour.
You seem to have many files into that project, including CSS files. It must have a rule that makes the things like this. You didn’t apply any style into the HTML (apparently), for the form tag. In fact it looks strange because you have CSS files, but in your ul list, for each li you use the style property. I would advice to keep every style for the CSS, and not to mix with the HTML code. So, if they are red, there is a rule that makes your name red. You have to find it and change the code directly from that property.
The properties useful here would be:
font-size: your_size;color: your_color;
For second wondering.
it is showing up as I have 4 problems in the css file. I don’t fully understand what this is telling me, and why is it showing a problem if it has displayed correctly in live server? It’s not allowing me to put more than one picture, so I will post the one relating to the css problems on another message.
The difference between HTML/CSS and other type of languages is that you can have a lot of mistakes and style have a result, visually talking, that seems ok for a user. The error messages are syntax messages. It tells you that something is missing.
Example:
p {
color: red /* this is a syntax issue, the semi-colon is missing */
font-size: 0.9rem;
From here, I don’t know if you have deep knowledge about CSS, you should maybe try to learn it deeper or do a refresh if you already know it.
