HTML Code:
<div align="center">
Is NOT valid CSS.. Suggest Googling "centering content CSS" to get the correct way to do this.. You will need to create the classes/IDs in your stylesheet for centering your content..

then take a look at the show_google_components.php file (the one being called by the code you quoted) and add the appropriate div containers where you want to apply your classes/IDs.

Quote Originally Posted by WebKat View Post
I have another question. I'm trying to style my Login page and I want the Google Checkout button centered in the fieldset it's in... but this code:

PHP Code:
<?php
  
// ** GOOGLE CHECKOUT **
    
include(DIR_WS_MODULES 'show_google_components.php');  
  
// ** END GOOGLE CHECKOUT **
 
?>
Returns this HTML code:

HTML Code:
<div align="right">
  <div style="width: 180px; text-align: center;"><b></b></div></div>
<div align="right">
    <div style="width: 180px"><div align=center><form method="POST" action="https://checkout.google.com/api/checkout/v2/checkout/Merchant/[value removed]" onsubmit="setUrchinInputCode();">
                <input type="hidden" name="cart" value="[buncha encoded stuff removed here]">
                <input type="hidden" name="signature" value="[value removed]"> 
                <input type="image" name="Checkout" alt="Checkout" 
                src="https://checkout.google.com/buttons/checkout.gif?merchant_id=[value removed]&style=trans&variant=text&loc=en_US" 
                height="46" width="180" /><input type="hidden" name="analyticsdata" value=""></form></div><!-- Start Google analytics -->
            <script src="https://ssl.google-analytics.com/urchin.js" type="text/javascript">
            </script>
            <script type="text/javascript">
            _uacct = "[value removed]";
            urchinTracker();
            </script>
            <script src="https://checkout.google.com/files/digital/urchin_post.js" type="text/javascript"></script>  
            <!-- End Google analytics --><div align="center"><a href="javascript:void(window.open('http://checkout.google.com/seller/what_is_google_checkout.html','whatischeckout','scrollbars=0,resizable=1,directories=0,height=250,width=400'));" onmouseover="return window.status = 'What is Google Checkout?'" onmouseout="return window.status = ''"><font size="-2">What is Google Checkout?</font></a></div></div>    </div>
<!-- ** END GOOGLE CHECKOUT ** -->
Which as you can see contains not one but TWO <div align="right"> tags... which I want to be <div align="center">... is there any way to change those, or are they Google-end things, or what? I mean I can live with it being right-aligned, it's just that the symmetry would be better if it were centered; see here: https://opalessenceshop.com/index.ph...rfp0cnt77fs743 (that should take you to the page with new customer registration/returning customer login/checkout with paypal/checkout with google; if it takes you to the page that has the form to fill out to register, try putting something in your cart and then clicking "Log In" from the top nav bar.) The PayPal button is centered, so having the Google button centered would just match well... though I don't want the Google button to be centered elsewhere on the site, so I was hoping I could edit just this instance... possible or no?