Answer from serenity_later on reddit.com
Reddit
reddit.com › r/neocities › how do i change text color in neocities?
r/neocities on Reddit: How do I change text color in neocities?
February 10, 2023 -
I made the dumb mistake of accidentally erasing all the code when I went to go put a background image. The background image works, but the problem is that having erased the text color code, the text is stuck as black and is unreadable. I looked on multiple sites and posts trying to find something that works but it comes back as invalid. Can someone help me get the text color I want (white) while keeping my background image?
Top answer 1 of 2
2
You put some css in your html without wrapping it in a This tag should only be placed inside of your tag, by the way. You could also remove this entirely and just add your color assignment to P tags to your style.css file that you're importing.
2 of 2
2
This: p{color:#FFFFFF;} needs to be in your css file where the background image code is, not in the middle of your html file. I advise trying the freecodecamp responsive web design course to learn the basics of html and css because it will cover this sort of thing. :3
Neocities
aparrish.neocities.org › css-with-style
Neocities
You can also set more than one property in the same style attribute, like so: <p style="color: red; background: yellow;">One of literature's finest paragraphs.</p> ... One of literature's finest paragraphs. Let's add one more attribute, to set the size of the font in the paragraph:
Neocities
webguide.neocities.org › css
A Beginner's Guide to HTML and CSS
So what we've done here is, we've ... all the text in the body selector--that is, everything contained in <body></body>--should be colored red. You can easily add more features to this. For instance, we can finally get away from that musty old Times New Roman font: And that completely changes our webpage's ...
Reddit
reddit.com › r/neocities › question
r/neocities on Reddit: Question
June 2, 2020 -
How do i change text color?
Neocities
solaria.neocities.org › guides › themeswitch
Color Schemes and Theme Switchers (CSS and JS)
This is particularly helpful when you want to change a color value but you've already used said color code a whole bunch in your CSS. Now all you have to do is change the value of the variable. Variables will also be very useful if you want to make different themes for the same page.
Neocities
pomelope.neocities.org › intro_to_html
intro_to_html
if we now move the </div> to after the image, then everything between the two will be blue. try nesting two divs with different colors and see what happens! attributes provide additional information about the html element. They go after the element name itself but before the >. in the div example, we used a style attribute to indicate that we wanted the div box to be lightblue.
Neocities
sourcecolors.neocities.org
Text Colorizer Tool
To fix that locally, and allow you to see colors in normal chat, click here. Navigate to TF2's /tf/ folder. Open "tf_english.txt". Search for "TF_Chat_All" (around line ~533 as of 3/25/2025). Change "%s1 : %s2" to "%s1 : %s2".
Top answer 1 of 2
2
@font-face {
font-family: 'Rubik Vinyl';
src: url('https://fonts.cdnfonts.com/s/93371/RubikVinyl-Regular.woff') format('woff');
}
@font-face {
font-family: 'Cabin Sketch';
src: url('https://fonts.cdnfonts.com/s/15530/CabinSketch-Regular.woff') format('woff');
}
@font-face {
font-family: 'DM Sans';
src: url('https://fonts.cdnfonts.com/s/29932/DMSans-Regular.woff') format('woff');
}
/*HEADING FORMATTING */
h1 {
font-family: 'Rubik Vinyl';
color: #1e1c1f;
font-size: 5em;
text-align: center;
}
h2 {
font-family: 'Cabin Sketch';
text-align: center;
color: #1e1c1f;
font-size: 3em;
}
/*REGULAR TEXT FORMATTING */
p {
font-family: 'DM Sans';
text-align: center;
color: #1e1c1f;
font-size: 1em;
}<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Hello</h1>
<h2>Hellooooo</h2>
<p>Nice its working</p>
</body>
</html>The problem with your code is that your urls to the fonts are not correct. I made this example page with the three fonts you wanted. I used the fonts from cdnfonts.com to make the implementation easier. Also you should spell the font names exactly like they were declared, it matters if theres an '_' or an '-'
2 of 2
0
In general on Neocities, it's best not to hotlink another Neocities page's images, fonts... any asset file, really.
This is frowned upon as it uses their bandwidth and it means you lose everything if their site goes down or the files get moved around. Hotlinking to Neocities files from outside NC doesn't even work.
Best practice is to download free-to-use fonts (from DaFont or something) and keep them in your own /fonts folder on Neocities.
Good luck!
Neocities
hikidreams.neocities.org › menhera › tutorial
Neocities
If you want to use CSS to style ... page. You can change the colour, style and size of paragraph font, or change the background image, etc, using CSS instead of HTML....
Bitmuncher
bitmuncher.neocities.org › neocities-html-tutorial
Bitmuncher's HTML Tutorial for Neocities
If you want to show your visitors which pages they have already visited, you can of course set different colors for the tag without status - a {...} - and for the one with the status 'visited' - a:visited { ...
GitHub
github.com › n1ghtw1re › Neocities_Template_Tool
GitHub - n1ghtw1re/Neocities_Template_Tool: a simple 3 column template for use with neocities and other simple site hosts · GitHub
You can use hex codes or color names. Change Text Color: Find the color property in the body rule and change #00ff00 to your preferred text color (e.g., #ffff00 for yellow, #cccccc for light gray).
Author n1ghtw1re
Reddit
reddit.com › r/neocities › how do i add the background colour to my index?
r/neocities on Reddit: How do I add the background colour to my index?
May 18, 2022 -
Hello, I'm working on a website on Neocities and I want the background colour on my index, How do I add it?
YouTube
youtube.com › watch
neocities html tutorial 1: your css and heading and bases! - YouTube
hi finley!some useful links:https://voupie.neocities.orghttps://www.w3schools.com/html/default.asphttps://smile.riphttps://sadgrl.online/projects/layout-buil...
Published May 10, 2022
Reddit
reddit.com › r/neocities › scaling and font problems with my site
r/neocities on Reddit: Scaling and font problems with my site
August 6, 2020 - Hi I just started to create [my site] ( https://nickisdoge.neocities.org/ ) (looks better in desktop mode.) And since its my first time with HTML/CSS…
Neocities
mard.neocities.org
Neocities
*/ /* if you want to put images IN the header, you can add them directly to the · element! */ background-image: var(--header-image); background-size: 100%; } /* navigation section!! */ #navbar { height: 40px; background-color: #13092D; /* navbar color */ width: 100%; } #navbar ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: space-evenly; } #navbar li { padding-top: 10px; } /* navigation links*/ #navbar li a { color: #ED64F5; /* navbar text color */ font-weight: 800; text-decoration: none; /* this removes the underline */ } /* navigation link when a link is h
Neocities
html-basics.neocities.org
html basics
Between the <head></head> tags we put fairly obligatory information like the charset or character set of the text, the title of the page and a link to the stylesheet for your page. if you import fonts from Google Fonts or use Javascript files in your page, you would also link to them in this ...
Reddit
reddit.com › r/neocities › text and background color changing
r/neocities on Reddit: Text and background color changing
May 8, 2022 -
Hello! I'm working on two neocities sites at the same time (one for general use, one more specialized). I'm trying to keep the two codes similar in style, and am heavily referencing W3Schools' tutorials. I am only able to change the background and text colors for one site. The only difference is the colors themselves, though I'm using hex code for all colors; I've copypasted the nonfunctional code below. I'm so glad to have found this community!
body {background-color: #000000
color: #ffffff;
}
a:link {
color: #ae2f2f;
}
a:visited {
color: #c4b2b2;
}
a:hover {
color: #ffffff;
}
a:active {
color: #aeaeae;
}
Top answer 1 of 2
4
You dropped the semicolon after the #000000. Happens to all of us haha
2 of 2
1
I’m pretty sure there’s three ways to do this, you can either write the CSS in the HTML itself for each site, make two separate CSS files and link to those individually, or do a combination of the two if there’s things you want to keep similar between both. I may have misread your question though, so I’m sorry if that’s the case.
Novanix
novanix.github.io › tutorials › neocities-quickstart › css › text-formatting
Neocities Quickstart: Text Formatting
text-decoration-color: <color>; text-decoration-style: <line-style>; text-decoration-thickness: <length>; Unlike borders, these typically have default values. However you also need to specify which line appears.
Code Forum
codeforum.org › software & web development › front-end development › html & css
Custom font not loading on Neocities | Code Forum - Where your coding journey begins
April 25, 2023 - I am making a new webpage for my website on neocities: (FRIDAY NIGHT JAMMIN'). On it, I want a few places to use a specific font that looks like the game the webpage is about. I used this tutorial: How To Load and Use Custom Fonts with CSS | DigitalOcean 1. I use the website they told me to use to get the files I needed 2.
Neocities
fontcity.neocities.org
hosted fonts by tentacool - Neocities
HOW TO INSTALL A FONT • you do ... not interfere with anything • add code to your custom options underneath your global head tag but before your style tags like so • not all fonts work with both uppercase and lowercase characters so you may have to adjust the text-transform ...