Add Custom CSS to your Tama!

how did you stop the tamanotchi's animation?

#main {

font-family: cursive;

}

body {

 background-image: url("https://64.media.tumblr.com/8f84f7de560cd5ecff62ef41bf043e40/c9f8b6457f56ea92-0d/s640x960/e55e6293dc79c49355369b3375815ce1a98fa981.gifv");

 background-color: #FFC0CB;

}

Idk how to change the text color

That CSS is super cute!!! Thanks!

#main {

font-family: serif;

}

body {

 background-image: url("https://64.media.tumblr.com/8e202cd88d06aca9e693a8a75b84252f/47c645ee8156a33c-4f/s250x400/d1a333dc7cdcc9843096d633a46a5e73d8ff4e9c.pnj");

 background-color: #93207A;

}

Does anyone know how to get rid of the white border between the title and content part of a pet's page? It seems like that part is separate from both elements.

question:

how do u change the foreground colour? ik how to change the background, but what about the foreground?

here's my layout :D

<!-- Layout by hottopicwannabe (https://spacehey.com/tiger09te). Please keep this note when using this layout. Feel free to edit it as much as you want -->

/* this changes the font, the foreground color and the text's color, in that order */

#main {
 font-family: fantasy;
 background-color: #C3E7F165;
 color: #151950;
}

/* this changes the hyperlinks' color */

a:link,a:visited {
 color: #9D4AD8;
}

/* this changes the background */

body {
 background-image: url("https://f.feridinha.com/aVNNU.png");
 background-size: cover;
}

/* this changes the header's color. It also makes it translucent */

#header {
 background-color: #C3E7F199;
}

/* this changes the site's text logo*/

#logotext {
 content: url("https://f.feridinha.com/roaAp.png");
}

/* this changes the site's image logo*/

#logoimg {
 content: url("https://f.feridinha.com/f6i5U.png");
}

/* this changes the footer's text color (the original was too light so it wasn't very readable with the background I put on this layout */

#footer {
 color: #3A3B40;
}

heres mine!! -> https://tamanotchi.world/17957

:root{
--prim-col: black;
--sec-col: #15b3bc;
--sec-col-hov: #01769c;
--tri-col: white;
--bg: url(https://fukounaglr.neocities.org/images/waves.jpg);
--fav: url(https://fukounaglr.neocities.org/graphics/pixels/vapo2.gif);
}

* {
color: var(--tri-col);
}

.even, #profileflavortext, #petholder {background-color: #002c49}

.odd, .colname {background-color: #00112e}

input{background-color: var(--sec-col)}

#decorations{
display: none;
}

a{
color: var(--sec-col);
}
a:hover{
color: var(--sec-col-hov);
}

#header{
background: var(--sec-col);
color: var(--tri-col);
}

#footer{
background: #002c49;
color: var(--tri-col);
}

#shade1{
background: var(--bg);
}

#title{
color: var(--sec-col);
}

#title::after{
content: "https://fukounaglr.neocities.org/";
display: block;
color: var(--sec-col-hov);
font-size: 0.5Em;
}
 .username{
color: var(--sec-col-hov);
}

#title::before{
content: var(--fav);
}

#main{
background: var(--prim-col);
}

You can add text to parts of your profile by coding in:

 #[section of page]::after{

content: "[what you want to type]";

display: block;

color: var(--sec-col-hov);

[ and now you can edit the text however you please, like color size font etc ]

}

If you want to add text specifically under your pet's image then you can type:

#petholder span::after{

https://tamanotchi.world/18196

(i might have stolen a line of code from the casket kid below me)(props to them for the OG idea!)