Hello - if this helps - here is some info:
As Eddie points out, I edited this file: "The page to edit is public_html/ow_system_plugins/base/views/components/sign_in.html."
I saved my original sign_in.html file.
I went into Dev Mode: "go to your server via FTP and open the ow_includes/config.php file. Change value from
false to
true for the line:
define('OW_DEBUG_MODE', false); save and re-upload file."
Then I changed my code to the following:
<div class="ow_sign_in_wrap">
<h2><font color="#0233C5">Pirate Cabin Login</font></h2>
{form name='sign-in'}
<div class="clearfix">
<div class="ow_sign_in">
{block_decorator name='box' langLabel='base+base_sign_in_cap_label'}
<div class="ow_user_name">
{input name='identity'}
</div>
<div class="ow_password">
{input name='password'}
</div>
<div class="ow_form_options clearfix">
<div class="ow_right">
{submit name='submit' class='ow_positive'}
</div>
<p class="ow_remember_me">{input name='remember'}{label name='remember'}</p>
<p class="ow_forgot_pass"><a href="{url_for_route for='base_forgot_password'}">{text key='base+forgot_password_label'}</a></p>
</div>
{/block_decorator}
<div class="ow_connect_buttons">
{component class='BASE_CMP_SignInButtonList'}
</div>
</div>
<img src="
http://www.your_site.com/images/cabin_pic.png">
</div>
</div>
{/form}
</div>
My image is 186 pixels high. My image has extra width and is saved as a png. This is because I needed some transparent space to separate my image from the sign-in box (I removed the CSS variable that gave space between the sign-n box and the content on the right).
Attached is what my sign in page, with image looks like.
If anyone has an image they would like me to make web-ready for the above purpose, let me know :)