user_forget_password.html

{style}

{literal}

.ow_forgot_password{

    margin:0 auto;

    padding:100px;

    width:350px;

}

{/literal}

{/style}

<div class="ow_page_wrap">

<div class="ow_menu_fullpage">

<div class="ow_menu_fullpage_wrap">{$main_menu}</div>

</div>

<div class="ow_site_panel clearfix">

<a class="ow_logo ow_left" href="{$siteUrl}"></a>

<div class="ow_nav_btn"></div>

<div class="ow_console_right">

{component class='BASE_CMP_Console'}

</div>

<div class="ow_menu_wrap">{component class='BASE_CMP_MainMenu' responsive=true}</div>

</div>

<div class="ow_header">

        <div class="ow_header_pic"></div>

</div>

{*if isset($imageControlValues.headerImage.src)}

<div class="ow_header">

            <img class="ow_header_img" src="{$imageControlValues.headerImage.src}" />

            <div class="ow_header_pic"><img class="ow_header_img" src="{$themeImagesUrl}header.jpg" /></div>

</div>

{/if*}

</div>

<div class="ow_forgot_password">

    {block_decorator name='box' style='text-align:center;' langLabel='base+forgot_password_cap_label'}

        <div style="padding: 0 5px 5px;">{text key='base+forgot_password_form_text'}</div>

        {form name='forgot-password'}

            {input name='email' class='ow_smallmargin'}

            <div class="clearfix"><div class="ow_right">{submit name='submit' class='ow_positive'}</div></div>

        {/form}

    {/block_decorator}

</div>

<div class="ow_footer">

<div class="ow_canvas">

<div class="ow_page clearfix">

{$bottom_menu}

</div>

Try to use em instead of px, em is the new standard.  Here is a link to a converter...

http://pxtoem.com/

so for example if you use the custom converter on the right side and leave it at 16px base..

then under PX to EM enter 100 and press convert button,   then it will show you that 100px is equivalent to 6.025em

I have successfully changed both the forgotten password screen and login screen on my site.

I'd be willing to do any work you require for $10 if your interested.

:)