You'd want something like this under the colors section:
Change the size, color*, or font for the entire page:
body {font-family: "Times New Roman", Times, serif; font-size: 16px; color: ;}
You can do the same thing for only bold text by replacing "body" with "b", links with "a", and italic text with "i". I hope that helps!
a, a:visited {color: !important;} /* link colors */
in the code, it won't change the link color because we overwrite it in this line.Does that make sense?
thanks so much for the AMAZING profile!!! ;v;
banner by What else do I have to remove to make it work somehow? I'm terribly bad at coding and such things Anyway thank you for doing this for free!
Ahhhhh thank you sooooo much! I finally finished (had to make a background myself and wasn't happy with my first 4 versions 😂 ) but now I finally finished and I absolutely love it!
[IMG]https://i.imgur.com/K2V4ctA.png[/img]
It looks great! I'm glad you were able to put together something you liked!
Thank you so much for making this very easy to follow guide! I was able to create a profile with no issues at all :)
Thank you for the code! I used my own drawings for it and you make a splendid explanation. Again thank you!
Hi!! Thank you for providing coding for such a beautiful layout!
I'm a bit new to CSS, have mostly only dabbled in HTML. I'm stuck on step 5- I can locate the # suggested to find in the first portion when I open the inspect tool, but I cannot find the coding on where I should enter that number. I see nothing involving the Column 3 and background to erase the white line, and I also see nothing referring to the positioning of the image. If you can help that would be much appreciated!!
Ok, so I took a look at your profile and your number is
column3_8974954
On the code for the profile, you can CTRL-F (find) for
#### {background: none;}
Replace that with
{background: none;}
Right below that should be the line for positioning the image.
{position:absolute; width:2px; height:400px; left:180px; top:180px;}
Both those lines will be under
/* -----------------------
Fixing art.
Making your art background transparent.
You will need to go in and use "Inspect" or
"Inspect Element" on your browser to find the right
number.
-------------------------- */
Does that help? If not, please feel free to ping me again!
is there a code to make the scrolling bar in the column 1 box invisible on the profile?
Thank you so much for making this.
I have a question...How would you move the image up? I see you mentioned how to move it to the left. But I have no clue how to move it upwards, lol.
Could you please help? ❤️
Hi! In the same place where you move it to the left, you'll want to adjust " top: 180px; "
To move the image upwards, make the number smaller and to move it downwards, make the number bigger. I hope that helps!
Hi , thanks so much for creating this. The way you've explained it is idiot proof - which means that I must be a massive idiot, because I have an issue trying to make it work! I can't get the background to show; why do you think this is?
Hi! The way imgur provides links can be a little confusing. What you need to do is link directly to the image (that ends in .jpg or .jpeg) instead of to the imgur page. Taking a look, I think the URL you want in the background section should be:
body {background: url('https://i.imgur.com/luJIKnV.jpeg') no-repeat center center fixed; background-size: cover;}
Ohhh thank you so much - it worked!! I haven’t attempted any sort of coding in years, so this shows how rusty I am! 😊 thank you again for your help, and the amazing guide you’ve created
Hi! Thank you for making a user friendly code! I am a bit stuck on how to change the Navigation link text. Right now they are purple but I want the hover color to be purple, while have them be black when not hovering (if that makes sense? haha)
I appreciate the help! :)
[img align = center width = 180px height = 95px]https://i.imgur.com/r6GOYHR.gif[/img]
It looks like you figured it out! It looks like it's only purple when hovering over the links. Let me know if there's anything else I can do to help out. :)
I think what you want is to replace this:
a, a:visited {color: !important;} /* link colors */
with
a, a:visited {color: !important;}
a: hover {color: !important;}
where is the color you'd like the link to be when you hover over it.
I did end up figuring it out, thank you! :D
However I am stuck on another issue, the little black underline that's showing up under the headers. Not sure how to get rid of that.. if it's even possible haha
edit I have figured it out! Ty <3
[img align = center width = 180px height = 95px]https://i.imgur.com/r6GOYHR.gif[/img]