Avatar Banners

[Vapers United]

It's quite hard to Google "CSS Font Style" and have any way to interpret any of all of the various returns that are thrown at you from such a vague search parameter. Yes, I did Google it. Especially without having any background in any of this, short of having studied Fortran over 30 years ago, and barely dabbling in HTML nearly as long ago.

So, while I have been able to see some of what you've been giving me, and even been able to find some errors and figure out how to fix them, that doesn't mean that I have the background to interpret this stuff on any real or valuable level. When we started this, I told you that I would need lots of help, so I'm really not sure how you'd think that I have advanced beyond that in such a brief period of time.

If you want to give me the code in completion as it applies to this last thing, then I'll gladly accept it, but it is beyond my comprehension at the present to figure out the rest of it for myself.

[Kami]

Font SIZE, not font STYLE. If you are googling style instead of size, then it will definitely be vague because fonts can have a lot of properties!

I don't expect you to have advanced in the least, but googling font size for me provides the exact information you need on the first result. But that's neither here nor there I suppose.

Anyway it's simple:

font-size: 12px;

this goes between the { } of each css class.

so:

.classhere {
property and value here
}

Change 12 px to whatever size is appropriate for you. I want to say 12 is the default on the mp but it could be smaller.

[Vapers United]

Styles was a typo. I Googled what you asked me to. Thanks for the reply.

So if I'm interpreting what you just said correctly, the code should be...

/* == Moves everything to fit under banners == */
.mini-profile .info {
color: #000!important;
position: relative;
margin-top: 35px;
}
.unblocked, .unblocked.even {
font-size: 12px;
}

And adjust 12px down by maybe 2px at a time, until I find a size that I like. Would this be correct?

[Kami]

The second bit of the css (unblocked) is for the posts. If you want to affect the font size in the mp, it would go with (.mini-profile .info). If you want both, then both (and keep in mind you can have different font sizes for each class).

But yeah, play around with the value as needed -- the incriment is up to you really.

Also for colouring the post body the CSS (unblocked class) would be

background-color: #000000;

though change "000000" to whatever hex value you think looks good (:

EDIT: you may need to put "!important" after the value if the changes don't take -- remember it goes after the value but before the semi-colon. (value!important;)

[Vapers United]

I got this much out of that...

/* == Moves everything to fit under banners == */
.mini-profile .info {
color: #000!important;
position: relative;
margin-top: 35px;
}
.unblocked, .mini-profile .info {
font-size: 12px!important;
}

I don't know what the post body is, and I don't think I'm interested in coloring it.

[Kami]

Sorry, no. You didn't need to change the class names at all. I was simply saying you could use the font-size property in both the (.mini-profile .info) and (unblocked) CSS, each class having its own respective designation.

(Also you got rid of the class for even numbered posts)

You could combine classes like that if you like but it would be easier for you to make indivual changes in each class if they are separate (e.g. if you want the mp font to be smaller in size than the post body font)

[Vapers United]

Would you please just give it to me as it needs to be? The whole thing. I'm not interest in the post body, whatever that is.

[Kami]

Aug 8, 2017 23:42:00 GMT -8 Vapers United said:

Would you please just give it to me as it needs to be? The whole thing. I'm not interest in the post body, whatever that is.

Didn't you say you didn't like the posts to be alternating colours / the font size wasn't correct? That is what I mean by post body.

[Kami]

Anyway:

/* == Moves everything to fit under banners == */
.mini-profile .info {
color: #000!important;
position: relative;
margin-top: 35px;
font-size: 12px;
}
.unblocked, .unblocked.even {
font-size: 12px;
}

If you don't care about the posts themselves then delete everything starting from .unblocked to the closing }

[Vapers United]

Sorry. No. I was talking about the text area where people post whatever they have to say. The background color of it only.

[Kami]

Aug 8, 2017 23:46:27 GMT -8 Vapers United said:

Sorry. No. I was talking about the text area where people post whatever they have to say.

I'm not certain I understand. Do you mean the personal status text (that appears under their avatar)? Or the actual content of a post, e.g. this message I have written.

[Vapers United]

Aug 8, 2017 23:48:27 GMT -8 Kami said:

Aug 8, 2017 23:46:27 GMT -8 Vapers United said:

Sorry. No. I was talking about the text area where people post whatever they have to say.

I'm not certain I understand. Do you mean the personal status text (that appears under their avatar)? Or the actual content of a post, e.g. this message I have written.

My editing isn't working out very well, so I'll describe what I meant here.

I was talking about the color of the background itself, in the area where people post what they have to say. The fonts there are black, and their size there is not changing.

It was only the text in the "info" section below the avatar picture in the MP itself that was changing size, every other post. That text color was staying black as well.

[Kami]

Aug 8, 2017 23:53:45 GMT -8 Vapers United said:

Aug 8, 2017 23:48:27 GMT -8 Kami said:

I'm not certain I understand. Do you mean the personal status text (that appears under their avatar)? Or the actual content of a post, e.g. this message I have written.

My editing isn't working out very well, so I'll describe what I meant here.

I was talking about the color of the background itself, in the area where people post what they have to say. The fonts there are black, and their size there is not changing.

It was only the text in "info" section below the avatar picture in the MP itself that was changing size, every other post. That text color was staying black as well.

Background of what is my question. You're saying "where people post what they have to say". That could encompass a LOT of things. For example, this post is a place where I post what I have to say. In my mini profile there is the text sounds like fun on a bun which is also a place where I can post what I have to say.

As far as the "text colour staying black", I covered this:

Aug 8, 2017 21:11:56 GMT -8 Kami said:

Honestly you don't even have to do that. Just scroll to the bottom of your style sheet and look for it in the CSS i gave you specifically. It should be easy to find, it's the shortest bit I gave you:

/* == Moves everything to fit under banners == */
.mini-profile .info {
color: #000!important;
position: relative;
margin-top: 35px;
}

You're welcome to remove this by the way, if you don't want the text contents there to stay black.

To which you responded:

Aug 8, 2017 21:16:36 GMT -8 Vapers United said:

Aug 8, 2017 21:11:56 GMT -8 Kami said:

Honestly you don't even have to do that. Just scroll to the bottom of your style sheet and look for it in the CSS i gave you specifically. It should be easy to find, it's the shortest bit I gave you:

/* == Moves everything to fit under banners == */
.mini-profile .info {
color: #000!important;
position: relative;
margin-top: 35px;
}

You're welcome to remove this by the way, if you don't want the text contents there to stay black.

I'm fine with the text being black.

So I admit to be VERY confused as to what elements you are referring to. If you cannot articulate them, please provide a picture.

[Vapers United]

OK, let's say the background color around the words that you're reading right now (this area) is changing color every other post. This would be the background color that is changing over there. And I just noticed that it changes here, too.

My only concern with text size has to do with the text that is below the avatar picture, within the MP. That's what is changing every other post. Everything else about the MP, the Avatar Banners, and everything north of that (in the MP) is working quite well.

Now I will admit that any personalized text above the avatar picture could be changing every other post, but I have not actually seen that happen, and if it did, it didn't catch my attention.

LOL I hope this clears it up. LOL

[Kami]

Yes... this is the post body. Which you just told me you weren't interested in :X I did try to explain it, but I guess I failed.

Try this:

/* == Moves everything to fit under banners == */
.mini-profile .info, .even .mini-profile .info {
    color: #000!important;
    position: relative;
    margin-top: 35px;
    font-size: 12px;
}

In the original .mini-profile .info CSS:
Add the blue text to target the even-numbered posts

Change the green text to reflect the correct colour you want the text in the mini profile to be (you'll notice that there are only 3 numbers here instead of the usual 6; as an aside, if all six values are the same, eg 000000 for black, or FFFFFF for white, you only have to use the first three). ALTERNATIVELY, eliminate the ENTIRE line all together if you want it to inherit whatever you've specified in the visual editor.

Add the red text in order to change the font size. Adjust "12" to whatever number reflects your desired size.

---

For the alternating post colours, let's do some organising. REMOVE this entirely:

.unblocked, .unblocked.even {
font-size: 12px;
}

I suspect that you've added it right under the .mini-profile .info CSS, which would be my fault as I didn't make it clear. So remove that entirely now.

Then, go all the way to the BOTTOM of the CSS sheet (as a general tip / piece of advice: especially if you're not familiar with CSS, do your best to try and keep all CSS that modifies the same general area together; since we haven't added CSS that modifies posts yet, this will go at the bottom to be separate from the MP modifications), and add this:

/* == Modify Post Appearance == */
.unblocked, .unblocked.even {
    font-size: 12px;
    background-color: #000000;
    font-color: #FFFFFF;
}

Change the pink text to be the size font you want. If the font size is fine how it is currently, then you can remove the entirety of this line.

Change the purple text to the appropriate colour hexadecimal for the BACKGROUND of posts.

Change the orange text to the appropriate colour hexadecimal for the TEXT COLOUR of posts.

---

I hope this accomplishes what you were looking for. I'll be back in the morning / afternoon to check in (: