Community Support Forums

Hi,

I'm using the iframe to display the member profile modification into my page, but the styling is hard-coded into the iframe. Other than modifying the source file is there a way that I can style this code to make it more closely match my site?

I'd actually rather not use an iframe at all, but then modification page comes up with no styling at all and looks pretty primitive.

Any ideas?

Many thanks
Guy

I have the same problem... I tried to override the inline CSS with my external style sheet, but it did not work

Well, the form every field has an ID, and the styling they have is just the width. They are in an HTML table, though, so that will be limiting depending on how much you wanted to change it.

What do you want to change?

I decided to leave it as it is for now, I used a javascript to enhance the form functionality a bit and I can live with the width of the input fields. I tried earlier to use the IDs to change the widths, as well as modifying the profile.inc.php (I know, that's bad practise), but none worked out. Anyway, for now it is ok.

Glad you found a way around it.

If it's about the form's width, you could try this:

Code: Select all

<div style="width: 750px;">
    [s2Member-Profile /]
</div>

Cristian,
works like a charm, thanks. I should have thought about that myself when seeing the inline styling of php file ("width: 99%")...

Great! I'm very glad it solved your problem. Thanks for reporting back.