6Scan Security Seal in Footer of Vector.

[Nik Grey]

I'm sure I have been through this before as I managed to get a Paypal icon in the footer of my index page but I just cant remember how I did it.

 

What I want to do is put a 6scan security seal to the right of my paypal logo: www.greyprint.co.uk

 

Here's the code but where to put it is the question?

<div id="6scan_badge" style="bottom: 0; right: 0; position:fixed; _position: absolute;">
    <a href="https://api.wp.6scan.com/dashboard/v1/badge/click?url=http%3A%2F%2Fgreyprint.co.uk%2F">
        <img alt="Site protected by 6Scan" title="6Scan" style="width:200px;opacity:1;" src="https://api.wp.6scan.com/dashboard/v1/badge/image?url=http%3A%2F%2Fgreyprint.co.uk%2F"/>
    </a>
</div>

Thanks in advance

[bsmither]

Not having seen the Vector Control Panel, I'm just guessing.

 

I see that there is a <div copyright> which is six columns wide. Then there is the <div badges> which is six columns wide.

 

The PayPal thing is in the badges group, so I suppose you would add the 6scan code just next to it. Depending on its size, you may need to adjust the column count to 5:7 in the footerbottom.

[Nik Grey]

I think this is around the area I need to put the code, I have been messing about with placing it but its always outside the border of the main content:

				{/if}
						{/foreach}
					</nav>
					<div id="footerbottom">
						<div class="row-fluid">
							<div id="copyright" class="span6">
								{$COPYRIGHT}
							
								{* IMPORTANT:	Do not edit or remove the link immediately below without prior purchase of a "rebranding license" from ShopDev.
												Doing so may result in your license being revoked. *}
											
								Designed by <a href="http://www.shopdev.co.uk">ShopDev</a>
								
							</div>
							<div id="badges" class="span6">
								<a href="#">
									<img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/img/PayPal-Logo1.png" alt="Shop Securely with paypal - You do not need an account to use Paypal to pay" />
								</a>
							</div>
						</div>
					</div>
				</footer><!-- /#page-footer -->
			</div>
		</div>
	
		<!-- Plugin JavaScripts -->
		{foreach from=$JS_SCRIPTS key=k item=script}
  <script type="text/javascript" src="{$STORE_URL}/{$script|replace:'':'/'}"></script>
  {/foreach}
  {if !empty($IMAGE_UPLOAD_JS)}{$IMAGE_UPLOAD_JS}{/if}

This is in main.php

 

 

I want to put it to the left of the Paypal logo ideally - any suggestions on where to place the code?

<div id="6scan_badge" style="bottom: 0; right: 0; position:fixed; _position: absolute;">
    <a href="https://api.wp.6scan.com/dashboard/v1/badge/click?url=http%3A%2F%2Fgreyprint.co.uk%2F">
        <img alt="Site protected by 6Scan" title="6Scan" style="width:200px;opacity:1;" src="https://api.wp.6scan.com/dashboard/v1/badge/image?url=http%3A%2F%2Fgreyprint.co.uk%2F"/>
    </a>
</div>

[bsmither]

The code suggests the div is getting positioned in the absolute bottom right corner. Perhaps if the style attribute is deleted, or if the whole <div> tag deleted, it will end up "in-line".

<!-- Long lines truncated for readability -->
<div id="badges" class="span6">
  <a href="https://api.wp.6scan.....
    <img alt="Site protected by 6Scan"....
  </a>
  <a href="#">
    <img src="{$STORE_URL}/skins/....
  </a>
 </div>

[Nik Grey]

ok, If I  try this:

</div>
							<div id="badges" class="span6">
							<div id="6scan_badge" style="bottom: 0; right: 0; position:fixed; _position: absolute;">
    <a href="https://api.wp.6scan.com/dashboard/v1/badge/click?url=http%3A%2F%2Fgreyprint.co.uk%2F">
        <img alt="Site protected by 6Scan" title="6Scan" style="width:200px;opacity:1;" src="https://api.wp.6scan.com/dashboard/v1/badge/image?url=http%3A%2F%2Fgreyprint.co.uk%2F"/>
    </a>
								<a href="#">
									<img src="{$STORE_URL}/skins/{$SKIN_FOLDER}/img/PayPal-Logo1.png" alt="Shop Securely with paypal - You do not need an account to use Paypal to pay" />
								</a>

The paypal logo and the 6Scan seal both appear outside outside of the content area, I missed the </div> off of the end of the 6scan code as thats how it appears above in your message

[bsmither]

Delete this:

<div id="6scan_badge" style="bottom: 0; right: 0; position:fixed; _position: absolute;">

[Nik Grey]

Ah, that's done it - Many thanks as ever Brian.

 

It's just a shame they have missed a few pixels off of the right hand side of their seal.