Custom mini profile fields aren't showing up

[Ulises]

Tell me how you want everything laid out and I can point you in the general direction. Perhaps with some screenshots to make this easier for everyone.

[Sylvia Wolf]

Yeah no matter what I do in HTML or CSS the positions just won't change, and application or plotter still don't show, including gender..

[Ulises]

You don't need to fix the HTML anymore, just the CSS to make everything look nice. The application and plotter are both there perhaps you should clear your cache and revisit the page. The reason the gender is not showing up is because you have it to not show in the privacy tab of your edit profile settings:

[Sylvia Wolf]

Okay the gender shows now I can't believe I didn't think of doing that.. I'm a big dummy xD

However, the music still doesn't show. Plus the application and plotter still show up as just links, when it's supposed to be buttons.

Also how do I move them from their positions? It's seems like they don't react to the float property whenever I try it...

[Ulises]

Try posting here what you are trying for your CSS and we'll see what is wrong.

Also, can you upload that music file somewhere else. Try uploading and getting the direct link to it from this site: www.filedropper.com/

Do you mean like the type of buttons that you press for example when you post a quick reply here? That should be an easy enough change.

[Sylvia Wolf]

Okay I got the gender the way I want:
.mini-gender {
width:134px;
height:19px;
margin-left:5px;
margin-bottom:6px;
border:1px solid #111111;
padding-top:8px;
font-size:10px;
margin-top:15px;
float:right;
text-align:center;
}


But the border for character age won't show or move. The same goes for sexuality.

Character age I want below gender but on the left with a white border. I also want the 20 to be bold as well:

.mini-charage {
width:59px;
height:55px;
border:1px solid #ffffff;
padding-top:5px;
text-align:left;
margin-top:15px;
margin-left:10px;
font-size:14px;
float:left;
}

Sexuality is supposed to be directly below gender with a border as well. However it won't move no matter what float I put:

.mini-charsex {
width:134px;
height:19px;
margin-left:5px;
border:1px solid #111111;
padding-top:8px;
font-size:10px;
float:right;
text-align:center;
}


I keep trying to change the float property, or the text align but nothing moves.
Also yeah I want the links to be buttons like on the quick reply on here. Can you tell me what to do?

[Ulises]

Sylvia Wolf I see. You are using "mini-charage" and "mini-charsex" when you should be using the values that you said for the class.
For the character age, it would be ".cm-field-character.age" (exactly how I typed it including the dots) and for character sexuality it would be ".cm-field-sexuality" instead of "mini-charsex"

For the button that would be easy enough. Copy/paste this CSS (do the same for the other class):

.cm-field-application {
    color: #f70b0b;
    font: 12px Verdana,Arial;
    background-color: #111144;
    background-repeat: repeat-x;
    background-position: center center;
    border: 1px solid #000000;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    min-height: 20px;
    line-height: 20px !important;
    padding: 2px 0px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    cursor: pointer;
}

Of course you can style it how you want.

[Sylvia Wolf]

Actually I think I'm gonna need some more help.

I got the hang of the coding and all and I did it on my phone but..
I just checked my computer and it looks all messed up! Is there anyway to fix it?

[Kami]

Nov 21, 2016 20:26:40 GMT -8 Sylvia Wolf said:

Actually I think I'm gonna need some more help.

I got the hang of the coding and all and I did it on my phone but..
I just checked my computer and it looks all messed up! Is there anyway to fix it?

CSS is always going to be relative to the device you're using to view the page so what you do on one may look different on another; you may have to just reposition everything on your desktop then wait til v6 comes out for a responsive mobile view.

[Sylvia Wolf]

How would I fix the user is online to make it below the sexuality? I think I can handle everything else but it's just that. It's all scrunched up between age and gender and idk how to fix it.

[Kami]

Nov 21, 2016 21:52:33 GMT -8 Sylvia Wolf said:

How would I fix the user is online to make it below the sexuality? I think I can handle everything else but it's just that. It's all scrunched up between age and gender and idk how to fix it.

I'm sorry, I'm on mobile at myself at the moment, so you'll need to wait until Ulises returns tomorrow or another user may be able to chime in before then.

[Sylvia Wolf]

Okay thanks kami,

Ulises

Can you help me fix it so it looks better on the computer? I don't know how to fix the users online thing.

[Sylvia Wolf]

Never mind I got it all working now, thank you so much for your help! It looks pretty cool! <3 thank you again xD This thread can be put in the solved or whatever now, have a good day.