help with my profile!!!

Posted by ☆𝖙𝖆𝖇𝖟𝖎☆

posted 1705090230
updated 1705090438

hi! so i made my profile a bit ago, and i just noticed that i can't click any of the buttons at the top bar or search bar on my profile. i've went through my code and can't figure out what it is, can someone help!

heres the code i use:

<style>

@import url('https://fonts.googleapis.com/css2?family=Staatliches&display=swap');

</style>

<style>

body {

background: url(https://www.graphicsdb.com/data/thumbnails/28/pink%20leopard%20print.gif);

}

.profile {

background: insert color of main profile ;

}

{

color:

{ color: white;

//text-shadow: 1px 1px #de007a;

};

text-shadow: 2px 2px 3px #ffd1dc, 0 0 25px #ffd1dc, 0 0 5px black;

}

h1, h2, h3, h4,h5,a, p, nav label, .section

{

main, top, links, nav .top, nav .links, details-table

{

background: !important;

background-image: !important;

background-size: cover !important;

padding: 0 !important;

/*font-size: small;*/

color: #de007a;

{

.mood

text-transform:uppercase !important;

}

table, td

}

/* border: 1px solid var(--url-pink-bg)!important; */

border-spacing: 2px;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

{

width: 100%;

border: 2px solid var(--#de007a);

}

table, th, td

}

border: 1px solid #de007a;

border-spacing: 2px;

}

.blog

}

border: 10px solid #de007a;

}

.profile .contact, .profile .url-info, .profile .table-section, .home-actions

}

width: 100%;

border: 4px outset #de007a;

margin 10px 2;

}

.online

{

color: gold!important;

//text-shadow: 1px 1px white;

}

:root

{

--logo-blue: ;

--darker-blue: ;

--lighter-blue: #de007a;

--even-lighter-blue: ;

--lightest-blue: ;

--dark-orange: ;

--light-orange: ;

--even-lighter-orange: ;

--turquoise: ;

--table-header: white;

--table-color: white;

--link-text: white;

--main-text: white;

}

main

{

/* changes made to stuff outside of columns */

background: black;

padding: 0;

font-size: small;

color: #de007a;

text color: white;

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

}

footer

{

background: white!important;

}

.comments-table{

display: block;

height: 500px;

overflow-y: scroll;

Border-radius: 8px;

color: #fe7ec0;

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

}

.contact {

border-radius: 8px;

background-image: url(https://i.pinimg.com/originals/e0/40/46/e04046b9d28cb8a603a23671668e0f0d.gif);

background-position: right top;

background-repeat: repeat;

background-attachment: scroll;

Width: 310px;

Height:180px;

color: #fe7ec0;

text-shadow: 1px 1px 2px #de007a, 0 0 25px #de007a, 0 0 3px #fe7ec0;

}

.friends th, tr, .friends td, th, .icon, main, .comments-table, .friends, .profile-info, .table, .table-section, .url-info, .mood, .blurbs, .blog-preview, .details,

{

border: 1px curve none !important;

outline: none !important;

}

img

{

border-radius: 12px;

}

main {

background: black;

border-radius: 14px;

padding: 0;

font-size: 85%;

color: #000000;

}

nav, footer, .profile .contact {

display: inherit !important;

opacity: 1 !important;

border-radius: 12px;

}

main {

background: ;

border-radius: 12px;

border: 12px solid #000000;

padding: 0;

font-size: 90%;

color: #fe7ec0;

}

nav .top {

background: transparent;

}

nav .links {

background: rgba(0, 0, 0, 0.3);

}

/*customising interests box*/

.profile .table-section{

border:2px solid #de007a;

border-radius: 15px;

}

.profile .table-section .heading{

background:#000000;

border: 1px solid #fe7ec0;

border-radius: 15px 15px 0px 0px;

text-align: center;

}

.profile .table-section .heading h4{

color: #fe7ec0;

text-shadow: 1px 1px 2px black;

}

.profile .table-section .details-table td{

background: rgba(0, 0, 0, 0);

padding-right: 10%;

}

.profile .friends .heading{

background: #de007a;

color: #fe7ec0;

text-shadow: 1px 1px 2px black;

text-align: center;

}

.profile .friends .heading h4{

text-align: center;

color: #fe7ec0;

text-shadow: 1px 1px 2px black

}

.profile .profile-info .inner h3 {

filter: drop-shadow(3px 3px 0 #000000);

margin: 0!important;

color:#FFF;

}

.profile .profile-info .inner h3 a {

color: #FFFFFF;

}

.profile .profile-info {

background-image: url(https://i.pinimg.com/originals/e0/40/46/e04046b9d28cb8a603a23671668e0f0d.gif);

padding: 20px;

border: none;

border-radius: 10px;

box-shadow: 4px 4px 0 #2d1157;

text-align: center;

animation: nineties2 2s ease 0s infinite normal none;

animation-delay: .15s;

border: none;

}

</style>

</style>

<style>

.online{

content: url('http://dl.glitter-graphics.net/pub/34/34221lhhaecsv59.gif') !important;

}

</style>

<style>

.blurbs .inner .section:first-of-type h4{

font-size:0;

}

.blurbs .inner .section:first-of-type h4:after{

content:"<3:";

font-size:.8rem;

}

.blurbs .inner .section:last-of-type h4{

font-size:0;

}

.blurbs .inner .section:last-of-type h4:after{

content:"☆";

font-size:.8rem;

}

</style>

<style>

.blurbs .heading{display: none !important;}

</style>

<style>

.blog-preview{display: none !important;}

</style>

<style>

.blurbs .section h4{display: none !important;}

</style>

<style>

.blog-preview{display:none}

</style>

<style>

@font-face {

src: url(https://dl.dropbox.com/s/1479f8x52y3z5u4/rainyhearts.ttf);

font-family: hearts;

}

div {

font-family: hearts;

font-size: 20px;

}

</style>

Report Topic

3 Replies

Sort Replies:

Reply by Nin_

posted 1705112174
updated 1705112401

Take a moment to double-check your HTML and CSS, just to make sure you haven't unintentionally hidden those buttons and search bar behind any sneaky elements or styles. We want to avoid any accidental cover-ups or overlapping mishaps. Keep an eye out for any CSS rules that might be causing trouble with the clickable area.

(Edit: It may be a problem with the Layout, the original overlay, that is preventing you to click, that or there aren't any "clickable" elements on the page, if you can understand)
Now it's time to bring out the big guns: your browser's developer tools! Right-click and choose the "Inspect" or "Inspect Element" option to investigate those buttons and search bar. Look for any error messages, warnings, or styles that might be causing mischief. Pay attention to the z-index and positioning of the elements—you never know what might be lurking there.
If you've added any custom J.S or third-party plugins, they could be the culprits behind the issue. Consider temporarily disabling them to see if the problem goes away. Sometimes, these scripts or plugins can clash with other elements on the page, causing unexpected behavior.

(Be sure to have backups of your code, in case you delete anything important.

To rule out any browser-specific quirks, test your profile in different browsers like Chrome, Firefox, and Safari.
It's like conducting a cross-browser investigation. If the issue only appears in one browser, it could be a compatibility problem with that particular browser.

If none of these steps resolve the issue, don't hesitate to reach out to SpaceHey support. They're there to provide specific assistance and guidance tailored to the platform. They have the expertise to tackle even the trickiest of technical mysteries.

Permalink Report Reply