« Web, HTML, Tech Forum

how do you change text color on your page?

Posted by JoshOnset

posted

Forum: Web, HTML, Tech

feel free to send the coding into the comments, I'm really new to CSS and I wanna pimp myspace page as quick as possible, there are not many Spacehey tutorials on youtube.


Report Topic

6 Replies

Sort Replies:

Reply by SDesires

posted

This covers most of the text on your page, and I included the background picture and color that you already had. Feel free to change the colors to how you want them to look. Also remember to have an end bracket for each CSS style:) I hope this helps you a little!


<style>
  body {
    background: url(https://i.pinimg.com/originals/17/9b/0f/179b0f379d6e0e4a105920ff25f83e87.jpg) no-repeat center center
      fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }
.profile {
    background: red; /*not sure if you were trying to have your background red first or not, but CSS will show the second styling of the same element*/
  }
.profile {
    background-color: #d90166;
    color: #00d974; /*your text color for most of the page - this is the complimentary color for the magenta that you chose. Feel free to change it*/
    
}

/*these are your various headers, I have used yellow to show you which text is affected by this code. Feel free to change them to what you prefer. If you want individual headers to be different colors then you have to write each one in a separate piece of code.*/
h3 , h4, h5, .url-info b {
    color: #f8fc07;  
}

/*This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/
a {
     color: #13fc07;
}

/* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/
p, h2 {
     color: #5d02f9;
}
/* color of friend's names in the comments, number of friends and your name. This I set to orange */ 
h1, .count, .friends a p {
     color: #f99b02;
</style>


Permalink Report Reply

Reply by vinnythestrange

posted

this sdesires dude explained everything to me like i'm a baby and spoonfed me information. thx dude


Permalink Report Reply

Reply by HarkTheAngel223

posted

p{ color: put hex code or color name here;} (for normal text)

a{ color: put hex code or color name here;} (for links)

You can also do the same with b (bold) and (italic)


Permalink Report Reply

Reply by Allond57

posted

/*This is the color of the links on your page. I have set them to green so you can see what they are. Feel free to change them to your preferred color*/
a {
     color: #13fc07;
}

/* color of the normal text on your page. I have set this to purple so that you know which text is affected. Feel free to change it to what you prefer*/block blast adventure
p, h2 {
     color: #5d02f9;
}
/* color of friend's names in the comments, number of friends and your name. This I set to orange */ 
h1, .count, .friends a p {
     color: #f99b02;
</style>
Thank you for this part


Permalink Report Reply

Reply by ynriuk

posted

I can use the new color scheme to set up my favorite collection

ragdoll archers


Permalink Report Reply

Reply by john vick

posted
updated

Changing the text color on your page is actually pretty simple! You can use inline CSS like this:

<span style="color: red;">Your Text Here</span>

or if you're editing a full section, wrap it in a <style> tag and target elements with CSS selectors.


I'm also super new to all this, so I feel you! There aren’t a lot of good SpaceHey tutorials out there. While digging around for tools and resources, I also found this terabox mod apk without ads

— really helpful for saving code snippets, images, or backup files without annoying ads.


Permalink Report Reply