Avatar Banners

[Kami]

Well to be fair, that line was originally in the code I gave you :P There must have been a period of time where it was inadvertently removed during our bugfixing.

How is it now, good to go?

[Vapers United]

From what I can tell, all that's left is this alternating text size, and the alternating background color bugs me. You could help me with this or I could figure out how to do it myself.

EDIT:
Oh, and I have a question...

Is there a way to make the three dots in the 2nd banner title "One More... Banned" in the MP Template be displayed as bold? The reason I'm asking is because, as you can see, I have the font set to Arial everywhere and periods/dots are pretty small. If not, I'll change it to "One More = Banned".

[Kami]

Vapers United - for the alternating text size & colour, it looks like in your visual editor you've set the even numbered posts to be a different style than the odd numbered posts. Go to admin > themes > advanced styles & css. In the visual editor tab, scroll down to "objects", expand the "mini profile" section, and then expand the "alternate colours" section. Make sure that everything matches.

Also make sure that the "containers" are not set to alternate:





That should not have been affected by anything we did though.

---

Just put the "..." between bold tags:

One More<b>...</b> Banned

[Vapers United]

Absolutely everything in Visual Editor, Objects, Mini Profile has all text sizes set to normal, 400, 400, but they show up in the MP "info" as alternating sizes. And while no color is specified for any of them, all of them are displayed in black (except links). This is where I get lost! Seems like CSS has control of that somewhere, but it doesn't show up in the Visual Editor.

I have a question about working in Containers. If I set Primary and Secondary to something here, what kind of Global effects will that bring about? I only want to change the post area at this time (and the same for PMs, maybe?). What about things like charts, the list on the Members page, the Calendar, etc.? I messed up in there before and had to reset.

I'll try the "bold" thing a bit later. Thanks for that!

EDIT:

<b>...</b> worked great!!!

[Kami]

Honestly all I can tell you is what I see in the developer tools in chrome. You can target those items specifically using the classes:

.mini-profile .info

(I actually already targeted this class, so you'd just have to add to it).

To target the post containers themselves, use

.unblocked, .unblocked.even {
    styles here
}

Beyond this, I'm unwilling to answer your questions as they are outside the scope of the Avatar banners. I did not, at any point, input any font size properties for the mini-profile, and obviously the background colour on posts was unaffected, so this is not related. I have to draw the line when exceeding the parameters on what I agreed to help with, otherwise we could be here for ages.

If you have additional questions, please ask in the appropriate board. The tech support board would be a good place to ask for where you can find information on what each bit of the visual editor does (if not get an explanation from an admin or another member); an admin may also be able to find what is overriding your visual editor settings in your stylesheet.

That said, I provided you with some resources earlier. Were they not helpful?

[Vapers United]

Aug 8, 2017 21:03:39 GMT -8 Kami said:

Honestly all I can tell you is what I see in the developer tools in chrome. You can target those items specifically using the classes:

.mini-profile .info

(I actually already targeted this class, so you'd just have to add to it).

To target the post containers themselves, use

.unblocked, .unblocked.even {
    styles here
}

Beyond this, I'm unwilling to answer your questions as they are outside the scope of the Avatar banners. I did not, at any point, input any font size properties for the mini-profile, and obviously the background colour on posts was unaffected, so this is not related. I have to draw the line when exceeding the parameters on what I agreed to help with, otherwise we could be here for ages.

If you have additional questions, please ask in the appropriate board. The tech support board would be a good place to ask for where you can find information on what each bit of the visual editor does (if not get an explanation from an admin or another member); an admin may also be able to find what is overriding your visual editor settings in your stylesheet.

That said, I provided you with some resources earlier. Were they not helpful?

The first resource wasn't deep enough and the 2nd one was taking so much time that I decided I'd have to get back to it, which I will. I understand about the rest... it isn't specific to the thread.

But if you will, how would I do this thing?

.mini-profile .info

.unblocked, .unblocked.even {
styles here
}

Look for ".mini-profile .info" in the CSS?

[Kami]

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.

[Vapers United]

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.

I already found that code in the CSS, but I don't know what to do with it make the smaller text show in both places.

EDIT:

Would this be the thing to do?

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

}

Or this?

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

[Kami]

the second

and i recommend you google "css font size" (:

[Vapers United]

Aug 8, 2017 21:36:59 GMT -8 Kami said:

the second

and i recommend you google "css font size" (:

I tried it both ways, and neither one made any difference. I guess we can call it quits.

[Kami]

Aug 8, 2017 21:41:35 GMT -8 Vapers United said:

Aug 8, 2017 21:36:59 GMT -8 Kami said:

the second

and i recommend you google "css font size" (:

I tried it both ways, and neither one made any difference. I guess we can call it quits.

What did you actually put?

[Vapers United]

Both of the choices that you said the second one on. Exactly as they appear above.

[Kami]

Aug 8, 2017 22:06:13 GMT -8 Vapers United said:

Both of the choices that you said the second one on. Exactly as they appear above.

What actual css values did you enter. If you only left "styles here" then of course that won't do anything, as it is not CSS.

[Vapers United]

Aug 8, 2017 22:19:30 GMT -8 Kami said:

What actual css values did you enter. If you only left "styles here" then of course that won't do anything, as it is not CSS.

The only thing I had or knew was what you had given me at the time, so I entered nothing else. I mentioned that I didn't know what to do with it.

[Kami]

Aug 8, 2017 22:31:39 GMT -8 Vapers United said:

Aug 8, 2017 22:19:30 GMT -8 Kami said:

What actual css values did you enter. If you only left "styles here" then of course that won't do anything, as it is not CSS.

The only thing I had or knew was what you had given me at the time, so I entered nothing else. I mentioned that I didn't know what to do with it.

I will assume you missed this portion:

Aug 8, 2017 21:36:59 GMT -8 Kami said:

and i recommend you google "css font size" (:

I could give you the answer of course, but I think for something so minor it would be great if you could do the legwork yourself. It's really not complicated, you just have to enter the property and value between the two {} brackets for that class.

If you don't feel like googling, then I can do it for you, but considering the lengths I have gone through on this topic it would be appreciated if you could do a lil' googling (: