kk_admin

DONE! I probably had some orphan text in custom CSS so it didn’t catch. I cleaned it up a bit (is becoming massive) and now seems fine on all devices 🙂

it worked with the first code you proposed but there had to be some interfering stuff.

replied in another topic as well, this basically remains the only one that did not work, so I just move the reply here and mark the other topic as resolved.
I still have images perfectly centered on my laptop (or any other PC) and aligned to left on mobile, in preview and on actual mobile device as well (see screenshot from Samsung Galaxy). I’m sure this is some silly thing I messed up. This is the code for one of these widgets, maybe this helps, it has all aligncenters one may ask for…:

<a href="http://klarakolonits.com/2016-2017/"><img class="aligncenter wp-image-3293" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-mozart-2-300x120.jpg" width="250" height="100" data-id="3081" /></a>
<p style="text-align: center;"><a href="http://klarakolonits.com/2016-2017/"><strong>MOZART | CONCERT ARIAS</strong></a></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"><a href=" http://klarakolonits.com/2016-2017#jazz"><img class="aligncenter wp-image-3291" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-jazz-2-300x120.jpg" width="250" height="100" data-id="3081" /></a></p>
<p style="text-align: center;"><a href="http://klarakolonits.com/2016-2017#jazz"><strong>OPERA | JAZZ</strong></a></p>
<p style="text-align: center;"><a href="http://klarakolonits.com/2016-2017#katlan"><img class="aligncenter wp-image-3292" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-cosi-1-300x120.jpg" width="250" height="100" data-id="3081" /></a></p>
<p style="text-align: center;"><strong><a href="http://klarakolonits.com/2016-2017/">COSÌ FAN TUTTE | OperaLab</a></strong></p>
<p style="text-align: center;"><a href=" http://klarakolonits.com/2016-2017#strauss"><img class="aligncenter wp-image-3290" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-strauss-2-300x120.jpg" width="250" height="100" data-id="3081" /></a></p>
<p style="text-align: center;"><strong><a href="http://klarakolonits.com/2016-2017/">STRAUSS: VIER LETZTE LIEDER</a></strong></p>

Thank you, nope 🙁 I added it to custom css but no effect as for now. As long as I didn’t have to change anything in your code (class?) ?

edit: WORKED, resolving.
before it didn’t go because of messy custom css, my fault 🙂

Thank you so much! 2/3 OK and the silliest one stuck… for the other ones I think the problem is me not being familiar with the @media css, but I’m trying to learn as fast as possible 🙂

1. No go unfortunately. I still have images perfectly centered on my laptop (or any other PC) and aligned to left on mobile, in preview and on actual mobile device as well (see screenshot from Samsung Galaxy). I’m sure this is some silly thing I messed up. This is the code for one of these widgets, maybe this helps, it has all aligncenters one may ask for…:

<a href="http://klarakolonits.com/2016-2017/"><img class="aligncenter wp-image-3293" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-mozart-2-300x120.jpg" width="250" height="100" data-id="3081" /></a>
<p style="text-align: center;"><a href="http://klarakolonits.com/2016-2017/"><strong>MOZART | CONCERT ARIAS</strong></a></p>
<p style="text-align: center;"></p>
<p style="text-align: center;"><a href=" http://klarakolonits.com/2016-2017#jazz"><img class="aligncenter wp-image-3291" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-jazz-2-300x120.jpg" width="250" height="100" data-id="3081" /></a></p>
<p style="text-align: center;"><a href="http://klarakolonits.com/2016-2017#jazz"><strong>OPERA | JAZZ</strong></a></p>
<p style="text-align: center;"><a href="http://klarakolonits.com/2016-2017#katlan"><img class="aligncenter wp-image-3292" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-cosi-1-300x120.jpg" width="250" height="100" data-id="3081" /></a></p>
<p style="text-align: center;"><strong><a href="http://klarakolonits.com/2016-2017/">COSÌ FAN TUTTE | OperaLab</a></strong></p>
<p style="text-align: center;"><a href=" http://klarakolonits.com/2016-2017#strauss"><img class="aligncenter wp-image-3290" src="http://klarakolonits.com/wp-content/uploads/2016/07/2016-strauss-2-300x120.jpg" width="250" height="100" data-id="3081" /></a></p>
<p style="text-align: center;"><strong><a href="http://klarakolonits.com/2016-2017/">STRAUSS: VIER LETZTE LIEDER</a></strong></p>

2. This was perfect thank you! What should I change to keep the smaller page title on every page?

3.Yes, indeed adjusting the padding works perfectly for mobile not supporting “Fixed” image. I will check on iPad later, but that should not be that much of an issue, there are rather phone and pc visitors.

if I use the same code in the footer, with .widget img works as well!

Yes I know and you are right with the premium theme, and I am really seriously considering it, I know it’s worth it!

OOOOoooooh okay I was silly not to select home layout to grid. Yes before I swapped back to the original version because I didn’t like it without grid.
You are great!!
One last thing: can I limit them to a category somehow?