Need Help With Profile :<

1710721755

I'd have to see the source code you have to be able to help you customize your page, but I'll give you an example of how to style/code texts the things you requested.

common elements you will see and what abbreviations they stand for:

p: paragraph text

h1-h5: title text such as titles of blog posts, profile titles such as About me, etc. They are usually in bold. h1 is the biggest size, h2 is a size smaller than h1, etc.

body: general styling of entire profile. Mostly used for background URLs. You could change background color, text colors, etc all at once here, but if you're still learning it could be confusing to put them there all at once.

header: header customization (usually the navigation bar)

footer: where the spacehey copyright text is

Here are the tags that you want to use with the main elements for your profile. THEY ALWAYS WILL HAVE SEMICOLONS AT THE END, DON'T FORGET! Will give you coding examples at the end of this comment:

background-color: Changes background color. You can use generic words such as yellow, blue, etc, but for particular colors, you will need to put the color code of the color you want. They are called hex codes, format is written like #000000 with the zeros being the specific numbers.

background-image: url("imagelinkhere.jpg"): pretty self-explanatory. Can be used in lieu of plain background color, most common tag used for backgrounds.

BACKGROUND CODE EXAMPLES:

body {background-image: url("imagelinkhere.jpg");
}

OR

body {background-color: #FFFFFF;
}

Common tags for customizing fonts:

font-family: Where you write what font you want (e.g Helvetica, Arial) that is generic and are internet recognized fonts. If you look it up, you'll see what your options are if you don't want to mess with custom imported fonts.

@font-face: This is more complicated. You have to first use this before the beginning bracket, then write font-family, and then write the link to it, which will say src. I believe font-face is only able to be used to make the entire text including headers the exact same font, unless you override it with something else.

Examples:

To change paragraph text to Arial font and make it white:

p {font-family: "Arial";
color: #FFFFFF;
}

Custom font:

@font-face {
font-family: "Name of custom font"
src:url("font source URL");
}

Not 100% sure I got the second one right tbh. You'll have to look it up online to be honest

To apply changes to multiple elements such as wanting to make both the titles and paragraph
the same font/colors, you would do something like this:

p, h1 {

font-family: "Arial";
color: #FFFFFF;
}

For the header, usually you would use background-image: url for changing the background in the box to an image, but you could use colors too honestly.

either this:

header {

background-image: url("imagelinkhere.jpg");

}


OR this:

header {

background-color: #FFFFFF;

}

If I didn't explain this simply enough or if my code ends up being slightly off, I'm really sorry You'll see the correct way it's written on your profile code LOL screw u evil ADHD

I guess the point is that you will 100% find these somewhere in the code and that's how you'll be able to customize them on your profile. I hope I was able to help even a tiny bit!!💕

Report Comment

1710719446

I can help! :) So in between the style tag (has pointy brackets, end of code is written as /style), there are lines of code with brackets {} that are called CSS (cascading style sheets) and that's where you can customize how your profile looks.

Report Comment