« SpaceHey Forum

How do i get transparent boxes on my profile?

www.SpaceHey.com/ATGAllTymedaG


I found the background i wanted but all the boxes on my profile turned out white but I was aiming for transparent with purple, pink or turquois letters.


Report Topic

6 Replies

Sort Replies:

Reply by Raga Tanha

posted

I'm having the same problem.. I can't get them to be transparent with out ghosting the lettering amd my picture.. ive been trying to change the coloring but the code isn't working for that either.. I can give u think code to change the opacity but thays about it.. I posted bulletins for custom cursors and falling objects on my page if u need them. ♡♡♡


Report Reply

Reply by Glorey

posted
updated

.profile .contact .heading, .profile .table-section .heading, .home-actions .heading {
    opacity: 0.5;
}


Report Reply

Reply by EngiQu33ring

posted

Editing the opacity can have unintended consequences for elements inside of them. You're better off using:

.element {
     background-color: rgba(red, green, blue, transparency);
}

This site is good for selecting a color


Report Reply

Reply by acjmoss

posted

this was super useful!!



Report Reply

Reply by paceha

posted

To create transparent boxes on your profile, you can use CSS to set the background of an element to be partially transparent.

<div class="profile-box">
<p>This is your profile content.</p>
</div>

.profile-box {
background-color: rgba(255, 255, 255, 0.5); /* Change the alpha (fourth value) to adjust transparency */
padding: 20px;
border: 1px solid #000; /* Add a border for visibility */
width: 300px;
margin: 0 auto; /* Center the box horizontally */
}

In this example, we use the rgba color notation for the background-color property. The fourth value in rgba represents the alpha channel, which controls the transparency. A value of 0 is completely transparent, and a value of 1 is completely opaque. You can adjust this value to control the level of transparency you want.

You can further customize the box by adjusting the fnaf security breach padding, border, width, and other CSS properties to achieve the desired look for your profile box.

Make sure to place the HTML code and CSS code within your web page where you want the profile box to appear, and link your CSS file to your HTML document using the <link> tag if you're using an external stylesheet.


Report Reply

Reply by GrameSmith

posted
updated

Adjust your profile boxes' CSS, setting the background color to transparent and text color to your preferred shades.


Report Reply