Images not correctly left aligned on iPad

The banner images are not correctly left aligned on iPad and some versions of Firefox eg: http://development.fourier.com.au/f2/product-services/cloud-solutions/

Can this be corrected with css?

S

They are "centered" like - so both spacing on the left and right are same.

Thanks but this is the code I have in the Top Widgets II area:

Code: Select all

<img src="http://development.fourier.com.au/f2/wp-content/uploads/2014/03/Consulting-services1.png" style="float: left;">

So now I have tried this code in the override.css :

Code: Select all

#gk-top2 .box,
#gk-top2 .box img {
   padding: 0;
float: left;
}

But the images are still not left aligned on iPad or FF.

S

Please edit: /templates/gk_cloudhost/css/override.css and add at its end:

Code: Select all

.box {
padding: 0px;
}


And if that will not work, please check:

Code: Select all

#gk-top2 .gk-page {padding: 0px;}


Hi Cyberek

I tried both those snippets but the images are still not left aligned on iPad
Do you have any more suggestion for me?
Thanking you
S

Please modify last one to:

Code: Select all

#gk-top2 .gk-page {
padding: 0px !important;
}


Ahhh that's done it! Thank you!
S