which template relates to opc-section
 

I am using One Page Checkout and I want to make the background of the user profile section panel all blue (as some people do not realize they need to click the apply button - making the whole panel blue should help this)

i have established (using Firebug) that the section is called
<li class="opc-section">

how can I establish which template relates to this part?

(I have tried using Webmaster Mode - but it does not seem to work at highlighting the template ares like it is supposed to)

Re: which template relates to opc-section
 

skin/common_files/modules/One_Page_Checkout


You can always use webmaster mode to see what tpl file is being called

Re: which template relates to opc-section
 

I have tried several time to get a background color into this tpl file shown below but it does not seem to be working

can anyone help me out

here is what I am doing - see 6th line of code

{*
$Id: opc_profile.tpl,v 1.3.2.4 2011/07/12 09:34:22 aim Exp $
vim: set ts=2 sw=2 sts=2 et:
*}

<div id="opc_profile" background-color: #CDF2FF; >


<h2>{$lng.lbl_name_and_address}</h2>
<script type="text/javascript">
//<![CDATA[
var need_shipping = {if $need_shipping}true{else}false{/if};
//]]>
</script>

{if $userinfo ne '' and not $reg_error and not $force_change_address}

{include file="modules/One_Page_Checkout/profile/profile_details_html.tpl"}

{else}

{if $reg_error}
<p class="error-message">{$reg_error.errdesc}</p>
{/if}

<form class="skip-auto-validation" action="cart.php?mode=checkout" method="post" name="registerform">
<fieldset id="personal_details" class="registerform">

<input type="hidden" name="usertype" value="C" />
<input type="hidden" name="anonymous" value="{$anonymous}" />
{if $config.Security.use_https_login eq "Y"}
<input type="hidden" name="{$XCARTSESSNAME}" value="{$XCARTSESSID}" />
{/if}

{include file='modules/One_Page_Checkout/profile/address_info.tpl' type='B' hide_header=true first=true}

{include file='modules/One_Page_Checkout/profile/account_info.tpl' hide_header=true}

{include file='modules/One_Page_Checkout/profile/address_info.tpl' type='S' hide_header=true first=true}

{include file='modules/One_Page_Checkout/profile/personal_info.tpl' first=true}

{include file='modules/One_Page_Checkout/profile/additional_info.tpl' section='A' first=true}

{if $config.General.disable_cc ne 'Y'}
{include file="modules/One_Page_Checkout/profile/cc_info.tpl"}
{/if}

{*** uncomment if you need to enable newsletter signup
{include file='modules/One_Page_Checkout/profile/newslist_info.tpl' hide_header=true}
***}

{include file="customer/buttons/button.tpl" button_title=$lng.lbl_apply additional_button_class="main-button update-profile" type="input" assign="submit_button"}

{if $active_modules.Image_Verification and $show_antibot.on_registration eq 'Y' and $display_antibot}
{include file="modules/Image_Verification/spambot_arrest.tpl" mode="simple" id=$antibot_sections.on_registration antibot_err=$reg_antibot_err button_code=$submit_button}
{else}
<div class="button-row" align="center">
{$submit_button}
</div>
{/if}

</fieldset>
</form>

{include file="check_registerform_fields_js.tpl" is_opc=true}

{/if}

</div>

Re: which template relates to opc-section
 

This

<div id="opc_profile" background-color: #CDF2FF; >

is wrong and will not work no matter what. Good place to start with css

http://www.w3schools.com/css/default.asp


<div id="opc_profile" style="background: #CDF2FF;">

or put in new class in the css file for the site

<div id="opc_profile" class="new_class">