« Web, HTML, Tech Forum

Having trouble editing my profile

Posted by Jack

posted
updated

Forum: Web, HTML, Tech

Hey guys, recently i have been trying to edit some simple things in my profile, such as the blurbs. But they're not saving, no matter how many times i edit them. I make sure to click "save all", but it still doesn't work. Does anyone know what could be causing this?

I have no idea of what i am doing here, just tossing some words around...here's the codes of my profile, hope this helps with better understanding.


<style>

    p.online {font-size: 0px;}

p.online::after{content: "ONLINE!!!";

color: #7d8575;

font-size: 10px;}

    </style>


<style>

    body {

        background:url(https://i.pinimg.com/564x/30/92/8a/30928a5df2865d3061f665fdf9ac245e.jpg)}

</style>

<style>

    .profile {

       

 

background:url(https://i.pinimg.com/564x/cc/2d/60/cc2d60cf1bf25b0521312381909b6775.jpg);

color:#FFFFFF;

    }



.profile .contact, .profile .table-section, .profile .url-info, .profile .friends, .profile .blurbs, table.comments-table, DIV.blog-preview { 

  border-style:Double; 

 border-width:6px; 

 border-color:#2c2721; 

background:#8a816e;

}


/* contact icons */

.contact .inner a img {

font-size: 0;

}

.contact .inner a img:before {

font-size: 1em;

display: block

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(1) a:before {

/* add to friends */

content: "🧚🏻‍♀️"

}

.contact .inner .f-row:nth-child(1) .f-col:nth-child(2) a:before {

/* add to favorite */

content: "📻"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(1) a:before {

/* send a message */

content: "📼"

}

.contact .inner .f-row:nth-child(2) .f-col:nth-child(2) a:before {

/* foward to friend*/

content: "📸"}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(1) a:before {

/* instant message */

content: "🔪"

}

.contact .inner .f-row:nth-child(3) .f-col:nth-child(2) a:before {

/* block user */

content: "🔭"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(1) a:before {

/* add 2 group  */

content: "💿"

}

.contact .inner .f-row:nth-child(4) .f-col:nth-child(2) a:before {

/* report */

content: "🖋"


}

footer {

border-radius: 15px;

background-image: 

url(https://i.pinimg.com/736x/20/89/1e/20891e5d118e53413308fc51bb579f77.jpg);

color:#002F41; 

}

    #music {

        position: fixed;

        bottom: 10px;

        left: 10px;

        width: 0px;

        transition: 0.5s width;

    }


    #music:hover {

        width: 0px;

}


nav .top {

        background: url("https://i.pinimg.com/564x/bf/87/b5/bf87b50a1d0ca916cc1b13c90ee932aa.jpg");

    }

    

    nav { background: black url(""); }


:root {

--logo-blue:white;

--darker-blue:white;

--lighter-blue:#70695b;

--even-lighter-blue:#70695b;

--lightest-blue:#877f6f;

--dark-orange:#ffffff;

--light-orange:#70695b;

--even-lighter-orange:#70695b;

--green:black;

}


iframe.spotify {

    width: 100%;

    height: 250px;

    padding: 10px;

    background: rgba(255,255,255,0.2);

    border-radius: 10px;

}

div.ah.df.dg.dh {

    border-radius: 0 0 10px 10px;

}

div.b4.ah.dx.dy.dz.e0 {

    border-radius: 10px 0 0 0;

}

</style>


<div class="background"></div>

<div class="about"> 


ㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤㅤ

</div>


<style>

.friends .heading{ font-size:0; }

.friends .heading:before{ content: "My Friends!!~.˚𖤐📷"; font-size:.8rem; font-weight:bold; 

color:White; }

}

</style>

<style>

.friends#comments .heading{ font-size:0; }

.friends#comments .heading:before{ content: "The Comments!!~.˚𖤐🦉"; font-size:.8rem; font-weight:bold;

color:White; } 

</style>

<style>

 .profile .table-section .heading h4 { font-size:0; }

.profile .table-section .heading h4:before{ content: "My Interests & My Socials!!~.˚𖤐🚬"; font-size:.8rem; font-weight:bold; 

color:White; }

 </style>

<style>

    .contact .heading{ font-size:0; }

.contact .heading:before{ content: "Say Hi!!~.˚𖤐💾"; font-size:.8rem; font-weight:bold; 

color:White; }

}</style>

<style>

  .blurbs .heading{ font-size:0; }

.blurbs .heading:before{ content: "My Content~.˚𖤐📷"; font-size:.8rem; font-weight:bold; color:White; }

</style>


<style>/*cursor made by gafcodes.com*/ body {cursor:url(https://www.gafcodes.com/premade/cursors/jspunkette/cursor25.cur), default;}</style>


<style>::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#2c272c;border-radius:0px}::-webkit-scrollbar-thumb{background:#594f46;border-radius:6px}</style>



<style>


body:before {


content: " ";


height: 100vh;


width: 100vw;


display: block;


position: fixed; 


top: 0; 


left: 0; 


z-index: 100;


background-image: url('https://i.pinimg.com/originals/a0/ad/56/a0ad56dd71fb025287751343597754a4.gif');


background-size: cover;


background-repeat: no-repeat;


background-position:center;


animation: yourAnimation 2s ease 1s 1 normal forwards;


pointer-events: none;}


@keyframes yourAnimation { 0.0%{ opacity: 1;} 75%{ opacity: 1; } 100%{ opacity: 0;} } 


</style>


<div style="max-height: 300px; position: fixed; left: 20px; bottom: 17px; z-index: 99;">

<img src="https://media.tenor.com/r8t4aFu3stAAAAAi/ranfren.teg.gif" height="310"/></div>



<div style="max-height: 300px; position: fixed; right: 50px; bottom: 150px; z-index: 99;">

<img src="https://tenor.com/pt-BR/view/have-a-nice-life-the-unnatural-world-have-a-nice-life-band-i-love-have-a-nice-life-gif-8203869069351269498.teg.gif" height="300"/></div>



<div style="max-height: 300px; position: fixed; right: 20px; top: 17px; z-index: 99;">

<img src="https://media.tenor.com/Xpu1WnIwtmsAAAAi/ranfre-ranfren.teg.gif" height="100"/></div>



<div style="max-height: 300px; position: fixed; left: 50px; top: 150px; z-index: 99;">

<img src="https://media1.tenor.com/m/jsDJs1fobsoAAAAd/panchiko-death-metal.teg.gif" height="300"/></div>


<div style="max-height: 300px; position: fixed; left: 20px; top: 50px; z-index: 99;">

<img src="https://media1.tenor.com/m/PVdgecm7RyUAAAAC/blinkie.teg.gif" height="20"/></div>



<iframe width="0" height="0" src="https://www.youtube.com/embed/s4prQ11orEM?autoplay=1&loop=1&controls=1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" loading="lazy">

</iframe>



Report Topic

1 Reply

Reply by Hatzilu

posted
updated

Your styles may be overwritten by the default styles of the page.

You can try adding "!important" to the end of each CSS line to make sure it overrides the default style, but use it sparingly, as it can get annoying.


also try sharing your code so we can better understand what the issue might be


Permalink Report Reply