Question

In my website http://www.theprinterdepo.com, left bottom, I have the google wallet logo.

I rendered this logo with the code they provided, however I cant align it to the left. I tried style align left in the div they provided but it looks like the code is rewritten by them with the Javascript code.

<div id="googleCheckoutLogo"></div><script src='https://checkout.google.com/buttons/logos?merchant_id=909856425434813&loc=en&f=png' ></script>
Was it helpful?

Solution

Just add these lines to your CSS

#badge_container {
    padding-left: 0 !important;
}

The element (assumably placed by google) has a padding-left set. You don't want that. By using the !important keyword, this property will stick.

OTHER TIPS

Are you able to target the CSS? if so you can remove the left padding from #badge_container {}

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top