Published by 𑁬 ݂ ํ ӄɑzυhɑ / dms/frqs open !! ꒱

published 1789471726
updated 1789471746

View Blog View Profile Report Blog Entry

hi. need help w code

idk if smn gna see this but lets hope theyd o cz im going insane

i want to make the white part black without changing the color of the text and links in .edit-info

here is the code im using. not written by me i only edited it.

<style>

:root {

--logo-blue: #000;

--darker-blue: #fff;

--lighter-blue: #000;

--even-lighter-blue: 000;

--lightest-blue: #000;

--dark-orange: #000;

--light-orange: #000;

--even-lighter-orange: #000;

--green: #000;

--red: #000;

}

body{cursor:url(https://static.tumblr.com/xjqjg7j/kZHmxtzg8/67.gif), url(https://static.tumblr.com/xjqjg7j/kZHmxtzg8/67.gif), auto;}

body {

color: #000;

filter: grayscale(1);

background-image: url(https://file.garden/aFfUJSs9DTHhSgil/bg.jpg);

background-repeat: no-repeat;

background-attachment: fixed;

background-size: cover ;

background-position: center;

background-color: var(--logo-blue);

color: #afc7e3;

text-shadow:

0 0 1px #000,

0 0 2px #000,

0 0 3px #000,

0 0 4px #000,

scrollbar-color: #afc7e3 #432240;

scrollbar-width: auto;

font-family: "Comic Sans MS", "Comic Sans", cursive;;

}

::-webkit-scrollbar {

width: 16px;

height: 16px;

}

::-webkit-scrollbar-track {

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAFElEQVQIW2M4fPz0////GYAYyAIASnoKpV3w4kgAAAAASUVORK5CYII=");

image-rendering: pixelated;

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

}

::-webkit-scrollbar-track:active {

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAAEElEQVQIW2No6+pjgAAgCwAWogM9VKrgGQAAAABJRU5ErkJggg==");

-webkit-filter: grayscale(100%);

-moz-filter: grayscale(100%);

-ms-filter: grayscale(100%);

-o-filter: grayscale(100%);

filter: grayscale(100%);

}

::-webkit-scrollbar-thumb {

border-top: 1px solid #cccccc;

border-left: 1px solid #cccccc;

border-right: 1px solid black;

border-bottom: 1px solid black;

border-radius: 12px;

box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;

width: 16px;

height: 16px;

background-color: #cccccc;

z-index: 1;

}

::-webkit-scrollbar-corner {

background-color: #cccccc;

border-radius: 12px;

}

::-webkit-resizer {

width: 16px;

height: 16px;

background-color: #cccccc;

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAN0lEQVR4Ae3MgQUAMBRDwU5fFF05lb/CARTBw2Ulof0DxPtcwp3hNuEYnjbcEW4TjuFpwx3h9gMWGgZ2Y/PT2gAAAABJRU5ErkJggg==");

background-position: bottom right;

background-repeat: no-repeat;

image-rendering: pixelated;

}

::-webkit-scrollbar-button,

.scroll::-webkit-scrollbar-button {

border-top: 1px solid #cccccc;

border-left: 1px solid #cccccc;

border-right: 1px solid black;

border-bottom: 1px solid black;

box-shadow: inset 1px 1px 0 0 white, inset -1px -1px 0 0 #868a8e;

display: block;

width: 16px;

height: 16px;

background-color: #cccccc;

image-rendering: pixelated;

background-repeat: no-repeat;

background-position: center center;

}

::-webkit-scrollbar-button:active,

.scroll::-webkit-scrollbar-button:active {

background-position: 2px 2px;

}

::-webkit-scrollbar-button:horizontal:decrement,

.scroll::-webkit-scrollbar-button:horizontal:decrement {

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHklEQVQY02NgoBT8xyX8H5fwf1zCpOjAYwceV1EEAAO2D/HsQ4vsAAAAAElFTkSuQmCC");

}

::-webkit-scrollbar-button:horizontal:increment,

.scroll::-webkit-scrollbar-button:horizontal:increment {

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAHUlEQVQY02NgIB/8xy3xH7fEf9wS/0nUQZqrKAYAK44P8ZRmzLQAAAAASUVORK5CYII=");

}

::-webkit-scrollbar-button:vertical:decrement,

.scroll::-webkit-scrollbar-button:vertical:decrement {

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAGklEQVR4AWMYxuA/SYphmETFhDX9x4mHGQAAcL4P8dQiMq8AAAAASUVORK5CYII=");

}

::-webkit-scrollbar-button:vertical:increment,

.scroll::-webkit-scrollbar-button:vertical:increment {

background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAQAAAD8fJRsAAAAF0lEQVQY02NgoBf4jwJxSOHQhcNAOgMAWWAP8Rv2U3UAAAAASUVORK5CYII=");

}

::-webkit-scrollbar-button:horizontal:increment:start,

.scroll::-webkit-scrollbar-button:horizontal:increment:start {

display: none;

}

::-webkit-scrollbar-button:horizontal:decrement:end,

.scroll::-webkit-scrollbar-button:horizontal:decrement:end {

display: none;

}

::-webkit-scrollbar-button:vertical:increment:start,

.scroll::-webkit-scrollbar-button:vertical:increment:start {

display: none;

}

::-webkit-scrollbar-button:vertical:decrement:end,

.scroll::-webkit-scrollbar-button:vertical:decrement:end {

display: none;

}

::-webkit-scrollbar-button:active,

.scroll::-webkit-scrollbar-button:active {

border-top: 1px solid #868a8e;

border-left: 1px solid #868a8e;

border-bottom: 1px solid #868a8e;

border-right: 1px solid #868a8e;

box-shadow: none;

}

p {

color: white;

}

.blog-entry .title,

.col.right .title {

font-size: 40px;

color: var(--lighter-blue);

text-align: center;

}

.author-details,

.publish-date {

color: var(--darker-blue);

}

.author-details {

color: white;

}

.author-details .publish-date {

color: white;

}

.col.right .content {

color: black;

}

img {

border-radius: 12px;

border: solid 2px rgb(227, 50, 148);

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

nav .top .left img {

border: none !important;

box-shadow: none !important;

}

.icon {

border: none !important;

box-shadow: none !important;

}

.blog-entry .profile-pic img {

box-shadow: none !important;

}

.edit-info {

background-image: url(https://file.garden/Zj8MKPoh-G9Y8EJE/pngsgifs/backgrounds/heartsmesh);

background-color: black;

background-attachment: absuloute;

border: 2px solid rgb(227, 50, 148);

border-radius: 12px;

box-shadow: 0px 0px 10px white;

color: #white !importnt;

}

main {

background-color: #DEDEDE !important;

background-size: cover; /* Adjust to 'contain' or specific dimensions if needed */

background-repeat: no-repeat;

background-position: center;

backdrop-filter: blur(3px);

-webkit-backdrop-filter: blur(10px);

border: 3px solid black;

border-radius: 3px;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

nav .top {

text-align: center;

border-top-left-radius: 10px;

border-top-right-radius: 10px;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

.container {

border-border: 10px;

border: 0px solid black;

}

footer {

background-color: var(--logo-blue) !important;

border-radius: 10px;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

nav .links {

text-align: center;

font-size: 0.8em;

border: 2px solid black;

border-radius: 5px;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

.col.w-20.left .edit-info {

border-radius: 10px;

}

a:hover {

color: #9d9fcf!important;

}

.comments-table{

background-color: #000;

display: block;

height: 107px;

overflow-y: scroll;

Border-radius: 15px;

border: 2px solid rgb(227, 50, 148);

text-shadow: 0px 0px 4px #000000, 0 0 25px #000000, 0 0 3px #000000;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

.comments-table td{

background-color: #000;;

padding: 10px;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

}

.comment-replies {

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

border: 2px solid rgb(227, 50, 148);

border-radius: 12px;

margin: 0px 0px 10px 0px;

}

.comments-table td:first-child{

filter: grayscale(100%);

padding: 10px;

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

background-color: #fff;

border: 2px black;

}

.comments-table .pinned{

box-shadow: inset 13px 0px 6px -10px rgb(66 66 66 / 20%), inset -13px 0px 6px -10px rgb(66 66 66 / 56%), inset 0px 13px 6px -10px #ffffff, inset 0px -13px 6px -10px rgb(66 66 66 / 38%);

color: black;

text-shadow: 0px 0px 4px black;

font-family: 'potta one';

}

.reply,

.comment,

blockquote {

background-color: #000;

color: #000;

border: none;

border-radius: 3px;

}

td .comment-replies {

border-width: 3px;

}

b .count {

color: #000;

}

.logout-btn, .blog-entry .kudos-btn

Specificity: (0,2,0)

{

color: #000;

}

.maintext p {

color: #000;

font-size: 1.5em;

}

nav .links li:not(:last-child)::after, footer .links li:not(:last-child)::after {

content: " ✿ ";

color: #eaacb4;

}

li.active .icon { content:url('https://dl.glitter-graphics.com/pub/2736/2736942h0b9j39ct6.gif'); width: 20PX;height: 20px;}

::selection {

background-color: #000;

color: white;

text-shadow:

0 0 8px #fff,

0 0 12px #fff,

0 0 16px #fff,

0 0 20px #fff;

}

.profile-pic .pfp-fallback {

opacity: 0;

background-size: 160px;

}

.profile-pic {

background-image: url("https://i.pinimg.com/736x/3a/24/91/3a2491b2ae2b1a495d8e16afc603cc42.jpg");

background-repeat: no-repeat;

background-size: 120px;

border: 0px solid black ;

border-radius: 8px;

}

.kudos {

color: black !important;

text-shadow: none !important; /* cancel out body text shadow */

}

.kudos p {

color: black !important;

text-shadow: none !important; /* cancel out body text shadow */

}

.kudos h4 {

color: black;

text-shadow: none !important;

font-size: 8px;

}

.kudos a {

display: inline-block;

padding: 5px 10px;

background: #ff69b4;

color: black !important;

text-decoration: none;

border-radius: 4px;

transition: background 0.3s ease;

}

.kudos a:hover {

color: gray;

}

</style>

0 Kudos

Comments

Displaying 1 of 1 comments ( View all | Add Comment )

ray ☆彡

1789474157

.inner > p:nth-child(2), form, .blog-entry .kudos-btn, .inner > p:nth-child(2) > b:nth-child(1) > a:nth-child(3), .inner > p:nth-child(2) > b:nth-child(1) > a:nth-child(4) {
color: black;
}

should work!!

Report Comment

thank you so much seriously! do you know how i can make the "displaying _ of _ comment" black as well?

by 𑁬 ݂ ํ ӄɑzυhɑ / dms/frqs open !! ꒱; 1789475070; Report

oh it should be, its working on my end uhh
try putting !important after the black, maybe some other code is overriding it?

.inner > p:nth-child(2), .blog-entry form, .blog-entry .kudos-btn, .inner > p:nth-child(2) > b:nth-child(1) > a:nth-child(3), .inner > p:nth-child(2) > b:nth-child(1) > a:nth-child(4) {
color: black !important;
}

by ray ☆彡; 1789477284; Report

um it didn't work which part is overriding?

by 𑁬 ݂ ํ ӄɑzυhɑ / dms/frqs open !! ꒱; 1789488969; Report

lowkey i have no idea i used the exact same code

by ray ☆彡; 1789516349; Report

okay thank you!

by 𑁬 ݂ ํ ӄɑzυhɑ / dms/frqs open !! ꒱; 1789549597; Report