Replies

Feb 16, 2022 4 years ago
Shakespeare
has high elf-esteem
User Avatar

Glad you guys found it helpful!

Feb 18, 2022 4 years ago
stjarne
is Melody's Little Helper
User Avatar
Gotchie

:) i initially had some trouble with removing the headers but i figured it out. also wanted to ask, if i were to change the font of all the text, or color of the regular, bolded or italic text, how would i go about doing that?


[ wishlist | shop | gallery ]

Feb 23, 2022 4 years ago
Shakespeare
has high elf-esteem
User Avatar

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!

  • Except for links because there's already an 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?

Apr 1, 2022 3 years ago
silas
got laid
User Avatar
prophet

thanks so much for the AMAZING profile!!! ;v;

banner by

Apr 29, 2022 3 years ago
Vanelline
is custom made
User Avatar

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!

Apr 30, 2022 3 years ago
Minty
User Avatar

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]

May 8, 2022 3 years ago
Shakespeare
has high elf-esteem
User Avatar

It looks great! I'm glad you were able to put together something you liked!

May 15, 2022 3 years ago
villain
loves wieners
User Avatar
Prosecutor Edgeworth

Thank you so much for making this very easy to follow guide! I was able to create a profile with no issues at all :)

they/them he/him

May 16, 2022 3 years ago
Oh My Shinwa, we thought
CoronelMasters
was dead
User Avatar
Jojito

Thank you for the code! I used my own drawings for it and you make a splendid explanation. Again thank you!

May 31, 2022 3 years ago
canary
User Avatar
angelbaby

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!!

Jun 2, 2022 3 years ago
Shakespeare
has high elf-esteem
User Avatar

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!

Jun 4, 2022 3 years ago
The Advertiser
Coyote
User Avatar
Midnight

is there a code to make the scrolling bar in the column 1 box invisible on the profile?


Jun 7, 2022 3 years ago
witch
dances with faeries
User Avatar
Nebula Cuddles

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? ❤️

aka morghulis
art by

Jun 10, 2022 3 years ago
Shakespeare
has high elf-esteem
User Avatar

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!

Aug 2, 2022 3 years ago
Constellation
is made of stardust
User Avatar

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?

[font=georgia] Forever collecting minions. WL https://subeta.net/wishlists.php/367965">here & collection https://subeta.net/user_shops.php/shop/49168">here.

”Thanks to Barbie, all problems of feminism have been solved.”[/font]

Aug 5, 2022 3 years ago
Shakespeare
has high elf-esteem
User Avatar

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;}

Aug 7, 2022 3 years ago
Constellation
is made of stardust
User Avatar

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

[font=georgia] Forever collecting minions. WL https://subeta.net/wishlists.php/367965">here & collection https://subeta.net/user_shops.php/shop/49168">here.

”Thanks to Barbie, all problems of feminism have been solved.”[/font]

Nov 2, 2022 3 years ago
catghost
User Avatar
Stanley

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]

Nov 3, 2022 3 years ago
Shakespeare
has high elf-esteem
User Avatar

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. :)

In case anyone else had a similar question:

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.

Nov 3, 2022 3 years ago
catghost
User Avatar
Stanley

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]

Please log in to reply to this topic.