Keep img center aligned in gk-desc (Quark)

Hi,

desktop:

desktop align center.JPG

mobil:

mobil align left.JPG

Page content:

Code: Select all

<div class="gk-desc">

<img class="aligncenter" src="http://valeskaschmidt.de/wp-content/uploads/2015/01/forhomes.png" alt="for homes" data-sr="enter bottom and scale up 50% over .8s" />
<h2></h2>
<h2>Decluttering</h2>
Im Kleiderschrank ist kein Platz mehr? Der Schreibtisch quillt über? Das Zuhause ist vollgestopft? – Die Engländer nennen es Decluttering. Ich nenne es Entscheidungshilfe. Ich unterstütze Sie dabei, Ballast abzuwerfen und neue Freiräume zu gewinnen. Wichtiges bleibt. Unnötiges geht. Um Raum zu schaffen für das Wesentliche in Ihrem Leben: für Sie.
</div>


The fix from a similar forum post which is meant to be added at the end of mobile.css doesn't make any difference:

Code: Select all

    .gk-cols > div.gk-text-center {
      text-align: center!important;
    }


Can you please help? The image should be centered in mobile version, as well.

Bests,
-mathis

Hi,
Could you please provide me with a URL to your page with the issue, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it?

I send you a PM.

Hi again,
Please add the following custom css code:

Code: Select all

.gk-desc > img {
  margin: 0 auto!important;
}


Yep, that worked. Thank you!