Making my MP the same height

[Alan Vende]

I am using Brian's Custom Mini-Profile Creator Plugin, and have come to a road block. I have variations on my mini-profile (eight, to be exact,) and when I changed my default MP variation, it made the rest of them the same height. I would like to make it so my MP variants 1 - 8 are the same height as each other, no matter the height of the default variant.

The CSS that I have tried is:

1. .mini-profile.admin-mp .v1 { height: # }
2. .mini-profile. .v1 { height: # }
3. .mini-profile.admin-mp.mp-variant .v1 { height: # }
4. .mini-profile.admin-mp.mp-variant .v1, .mini-profile.admin-mp.mp-variant .v2, .mini-profile.admin-mp.mp-variant .v3, .mini-profile.admin-mp.mp-variant .v4, .mini-profile.admin-mp.mp-variant .v5, .mini-profile.admin-mp.mp-variant .v6, .mini-profile.admin-mp.mp-variant .v7, .mini-profile.admin-mp.mp-variant .v8 { height: # }
5. .mini-profile.admin-mp .v1, .mini-profile.admin-mp .v2, .mini-profile.admin-mp .v3, .mini-profile.admin-mp .v4, .mini-profile.admin-mp .v5, .mini-profile.admin-mp .v6, .mini-profile.admin-mp .v7, .mini-profile.admin-mp .v8 { height: # }

...but none of these are rendering the desired effect that I would like: the mini-profile variants to be the same height when the default variant is a different height. I have made some changes to the default variant which made every other variant longer, so I wanted to make it so the other variants stay the same height no matter how long I make the default variant.

I thought that I would have to do either numbers one through three and target each individual one separately, but then I thought that number four would work as I want to target more than one with the same height. I looked in CSS of yours where you wanted to target more than one variable and have the same height for both, so you put one, a comma, and then the other before the opening brace. That's what I thought would happen here, but I guess that that's not the case.

Is there another thing that I have to put into the code that I'm not thinking of? I've tried the different variations above multiple times, deleting the others and starting over (which is what I was doing before I posted here for your help and what I will continue to do, but nothing is changing, which is why I wanted to ask for your help, as I'm not really seeing what's wrong here, as I have all of the classes that I need to target (so I thought.)

Thanks for your help!

PS: I have a bad Internet connection that keeps going in and out so I may reply late. My sincerest apologies!

[Alan Vende]

Bump

[Alan Vende]

Bump

[Tumbleweed]

I was hoping someone else would help you with this as I only played with Brian's plugin once and found it confusing at the time and never really messed with it again. Technically commas should work. What I have found is sometimes you have to remove spaces like the one before the .v1, etc. before the comma and other classes after will work.

.mini-profile.admin-mp.mp-variant.v1, .mini-profile.admin-mp.mp-variant.v2,

A couple other things to try.

Use css to try to change just one, just to make sure it is working. Add important to the end of it.

.mini-profile.admin-mp.mp-variant .v1{height:100px!important;

Also I have found if I list all the ones I want one height first and then the one I want different after it, that over-rides a thing I couldn't over-ride before.
So if say v1 were the one you want different and v2, v3 the same it would be:


.mini-profile.admin-mp.mp-variant.v2, .mini-profile.admin-mp.mp-variant.v3{height:100px;}
.mini-profile.admin-mp.mp-variant .v1{height:120px!important;}


Wish I could be more help but I'd have to stick the mp on my test site and replicate your variations so I could test it myself and I don' think I want to do that. Sorry.

[Alan Vende]

Aug 1, 2016 14:06:12 GMT -8 Tumbleweed said:

I was hoping someone else would help you with this as I only played with Brian's plugin once and found it confusing at the time and never really messed with it again. Technically commas should work. What I have found is sometimes you have to remove spaces like the one before the .v1, etc. before the comma and other classes after will work.

.mini-profile.admin-mp.mp-variant.v1, .mini-profile.admin-mp.mp-variant.v2,

A couple other things to try.

Use css to try to change just one, just to make sure it is working. Add important to the end of it.

.mini-profile.admin-mp.mp-variant .v1{height:100px!important;

Also I have found if I list all the ones I want one height first and then the one I want different after it, that over-rides a thing I couldn't over-ride before.
So if say v1 were the one you want different and v2, v3 the same it would be:


.mini-profile.admin-mp.mp-variant.v2, .mini-profile.admin-mp.mp-variant.v3{height:100px;}
.mini-profile.admin-mp.mp-variant .v1{height:120px!important;}


Wish I could be more help but I'd have to stick the mp on my test site and replicate your variations so I could test it myself and I don' think I want to do that. Sorry.

The one that you suggested, with the .v1 having no space, is one that I also tried. I thought that I had put that in there, but I guess I didn't. I will try it again and, though, in combination with your other suggestion of trying only one at a time and see if that works. I thought, though, that I could use the comma to separate each of the variants as they all have to be the same height, instead of putting more than one instance in the CSS.

I tried the !important label in one of my CSS declarations in the beginning of the code for the entire mini-profile, and it didn't work, if my memory serves. I think I had asked Brian about this once before, but I'm not completely sure on that.

Thanks for the help, Tumbleweed; it's much appreciated!

[Tumbleweed]

Aug 5, 2016 21:16:35 GMT -8 Alan Vende said:

Aug 1, 2016 14:06:12 GMT -8 Tumbleweed said:

I was hoping someone else would help you with this as I only played with Brian's plugin once and found it confusing at the time and never really messed with it again. Technically commas should work. What I have found is sometimes you have to remove spaces like the one before the .v1, etc. before the comma and other classes after will work.

.mini-profile.admin-mp.mp-variant.v1, .mini-profile.admin-mp.mp-variant.v2,

A couple other things to try.

Use css to try to change just one, just to make sure it is working. Add important to the end of it.

.mini-profile.admin-mp.mp-variant .v1{height:100px!important;

Also I have found if I list all the ones I want one height first and then the one I want different after it, that over-rides a thing I couldn't over-ride before.
So if say v1 were the one you want different and v2, v3 the same it would be:


.mini-profile.admin-mp.mp-variant.v2, .mini-profile.admin-mp.mp-variant.v3{height:100px;}
.mini-profile.admin-mp.mp-variant .v1{height:120px!important;}


Wish I could be more help but I'd have to stick the mp on my test site and replicate your variations so I could test it myself and I don' think I want to do that. Sorry.

The one that you suggested, with the .v1 having no space, is one that I also tried. I thought that I had put that in there, but I guess I didn't. I will try it again and, though, in combination with your other suggestion of trying only one at a time and see if that works. I thought, though, that I could use the comma to separate each of the variants as they all have to be the same height, instead of putting more than one instance in the CSS.

I tried the !important label in one of my CSS declarations in the beginning of the code for the entire mini-profile, and it didn't work, if my memory serves. I think I had asked Brian about this once before, but I'm not completely sure on that.

Thanks for the help, Tumbleweed ; it's much appreciated!

You should be able to use the comma's but kind of hard to know if it is that or something else. Wish I just KNEW the solution for ya, but I don't.

[Alan Vende]

Aug 5, 2016 21:25:31 GMT -8 Tumbleweed said:

Aug 5, 2016 21:16:35 GMT -8 Alan Vende said:

The one that you suggested, with the .v1 having no space, is one that I also tried. I thought that I had put that in there, but I guess I didn't. I will try it again and, though, in combination with your other suggestion of trying only one at a time and see if that works. I thought, though, that I could use the comma to separate each of the variants as they all have to be the same height, instead of putting more than one instance in the CSS.

I tried the !important label in one of my CSS declarations in the beginning of the code for the entire mini-profile, and it didn't work, if my memory serves. I think I had asked Brian about this once before, but I'm not completely sure on that.

Thanks for the help, Tumbleweed ; it's much appreciated!

You should be able to use the comma's but kind of hard to know if it is that or something else. Wish I just KNEW the solution for ya, but I don't.

I don't know either. I did all that I could think of. The code that I posted in the OP was the CSS that I used. I have had times where code on PB does not render, or does not even go into the plugins or into the H/F's, when my memory is low. I have to then restart my computer and restart the browsers and such. Maybe I should try that? (I don't know.)

I feel that this is a simple thing, but I can't find out how to do it. I have looked on W3Schools, and there's nothing. I have been told before that W3Schools has all of the information I need to make a mini-profile (I don't think it was Brian who told me that - I forget who it was,) but this is something I can't find. It's kind of frustrating to me. (I'm not frustrated with you; I'm frustrated with myself for not knowing how to do this correctly.)