Profile html not working

[Sav1996]

Hi, I don't have access to the model only section yet so I don't know if other models have had this problem and it's answered there, but my profile is not displaying correctly to members. I attached what my profile looks like when I click on view my profile, but members can't see the purple box containing my info, and when I view my profile logged out of mfc I can't see it either. The default about me is present but not the stuff I added using html.

Does anyone know what could be causing this?

 

[asafo]

Hey Savannah, can we do one very quick check first? I just want to make sure of something...

When you are working on your profile, are you clicking the "Save Profile" button to actually save your work? Or, are you only clicking the "Preview Profile" to temporarily see the progress you have made thus far? You need to be sure you are clicking the "Save Profile" button.

The error of only clicking "Preview Profile" while you are working on the profile would produce the results you mentioned. If you did this error, other people will not see the HTML work you have done, and you yourself would not see the HTML after you log off.

 

[AlexaCrush]

If it's an image that's saved on imgur it won't work on MFC. That was my problem when I had troubles.

 

[asafo]

Hey Savannah,

I looked at your HTML. Try replacing everything in your "More About Me/Bio" text box with this:

<img src="http://i.imgur.com/AInD06Q.png" alt="">

I used this exact same HTML code in my profile, and your pic displayed fine in my profile. I even went offline from MFC, and I was still able to see the pic just fine in my profile. Hopefully, you will have the same luck!

 

[Sav1996]

Hey Savannah,

I looked at your HTML. Try replacing everything in your "More About Me/Bio" text box with this:

<img src="http://i.imgur.com/AInD06Q.png" alt="">

I used this exact same HTML code in my profile, and your pic displayed fine in my profile. I even went offline from MFC, and I was still able to see the pic just fine in my profile. Hopefully, you will have the same luck!

I think that worked! I'm not sure why the code I was using was more complicated. Thank you!

 

[Sav1996]

I think that worked! I'm not sure why the code I was using was more complicated. Thank you!

I'm very confused by html in general.

 

[Sav1996]

If it's an image that's saved on imgur it won't work on MFC. That was my problem when I had troubles.

It is saved on imgur, but it looks like it's working now? maybe it's not but if I log out I can see the image with the new code

 

[asafo]

I looked at your profile now. It appears to be working. I see the image fine!

Yeah, I was not going to say anything, but your HTML code was a little... messed up.

If you need any more help, feel free to send me a message!

 

[asafo]

Me again. After looking at what you might be trying to do, may I offer some more coding advice?

I think you are wanting the big profile pic to fill the entire "About Me" section. If so, then simply add the CSS code I am including here. The end result should make your profile page appear just like this pic...



You mention you are struggling with HTML. My guess is that you might also need some help with CSS. We can discuss this away from this forum thread and have our own conversation, if you like. It is actually easier than you might think!

Here is the CSS code:

/* Remove all 'About Me' containers but the '#about_me_container' */
#username_container, #cam_score_container, #gender_container, #body_type_container, #ethnicity_container, #hair_container, #eyes_container, #weight_container, #height_container, #age_container, #city_container, #country_container, #sexual_preference_container, #smoke_container, #drink_container, #drugs_container, #marital_status_container, #occupation_container, #school_container, #favorite_food_container, #pets_container, #automobile_container  {
  display:none;
}

/* Remove the "About Me" small label */
#about_me_label {
  display:none;
}

/* Fix the Tags container size */
#tags_container.container, #tags_label.label {
  display:block;
}

P.S. I see a typo in your pic. You wrote "%00 tokens for 15 minutes of skype." This is just one of the issues of using a pic for a profile. Every small change will require a whole new pic to be modified and uploaded.

 

[Sav1996]

Me again. After looking at what you might be trying to do, may I offer some more coding advice?

I think you are wanting the big profile pic to fill the entire "About Me" section. If so, then simply add the CSS code I am including here. The end result should make your profile page appear just like this pic...

View attachment 72626

You mention you are struggling with HTML. My guess is that you might also need some help with CSS. We can discuss this away from this forum thread and have our own conversation, if you like. It is actually easier than you might think!

Here is the CSS code:

/* Remove all 'About Me' containers but the '#about_me_container' */
#username_container, #cam_score_container, #gender_container, #body_type_container, #ethnicity_container, #hair_container, #eyes_container, #weight_container, #height_container, #age_container, #city_container, #country_container, #sexual_preference_container, #smoke_container, #drink_container, #drugs_container, #marital_status_container, #occupation_container, #school_container, #favorite_food_container, #pets_container, #automobile_container  {
  display:none;
}

/* Remove the "About Me" small label */
#about_me_label {
  display:none;
}

/* Fix the Tags container size */
#tags_container.container, #tags_label.label {
  display:block;
}

P.S. I see a typo in your pic. You wrote "%00 tokens for 15 minutes of skype." This is just one of the issues of using a pic for a profile. Every small change will require a whole new pic to be modified and uploaded.

You're correct, I was trying to do that, but CSS is way over my head. I went ahead and added the CSS you posted and it worked. Thank you so much! I'm working on a more polished looking profile that fixes the typos at the moment.