« SpaceHey Forum

How do you change the interest box, contact box, and blurb strip colors? Please help!

Posted by xxFrostxx

posted

Forum: SpaceHey

Hey guys, I am new here and kinda just getting into messing with HTML again. How would I change the color of my Interest Box, contact box, and the little blurb strip in orange on my profile? I have been at this for hours, so any helpful advice would be great, thx. :) If anyone could drop a code that says where to insert the stuff, I will appreciate you forever. <3


Report Topic

5 Replies

Sort Replies:

Reply by suki

posted

interests heading:



.profile .table-section .heading {
background: #insertcolorhere;
border-color: #insertcolorhere;
}


contact heading:



.profile .contact .heading {
background: #insertcolorhere;
}


contact box (and the border around both the box and heading):



.profile .contact .heading {
background: #insertcolorhere;
border-color: #insertcolorhere;
}


blurbs heading:



.profile .blurbs .heading {
background: #insertcolorhere;
color: #inserttextcolorhere;
}


also I noticed this on your profile - make sure all your CSS is contained in <style> tags!


Permalink Report Reply

Reply by xxFrostxx

posted

Thank you so much, I will try this! 


Permalink Report Reply

Reply by MariB

posted

Question, Does the hastag mean to use hex code? 

I'm trying to make a pink 2000s webbase and I tried using normal hex codes and it didnt work


Permalink Report Reply

Reply by shii//str_wberry :3

posted
updated

i'm using rgb values "rgb(#, #, #)"

only the blurbs box works... i'm using the root code thingy and i don't think that works on those boxes... i also tried this and it didn't work


Permalink Report Reply

Reply by Williamonbafs

posted

Hey, welcome back to HTML! To change the color of those sections, you'll need to target them with CSS. Here's a quick guide:



  1. Open your HTML file.




  2. Inside <style> tags (or in your external CSS file), add the following:



#interestBox, #contactBox, .blurb {
background-color: orange;
}




Make sure your IDs/classes match what's in the HTML. Then, refresh spinsy casino is the best way take good time https://spinsycasino.co.com/ to your page, and the colors should change. Let me know if you need more help! Good luck, and happy coding!


Permalink Report Reply