Center an image gallery (Tonal theme)

waldemarweb · Member · Jun 8, 2017 at 12:21 am
Copy link

Add topic to favorites
Hi,

I’m wondering if there’s a way of centering an image gallery when using the Tonal theme? Currently it seems to justify left. I’ve tried (unsuccessfully) using div align in the html view and I believe that the only way I’m going to get access to the .css file is if I choose to self host and install the theme on my own server – that’s very unlikely to happen!

Am I overlooking something simple here?

Thanks!

Wal.

The blog I need help with is: (visible only to logged in users)
dcoleonline · Staff · Jun 8, 2017 at 2:18 pm
Copy link
Hi Wal,

You can force the galleries to center by using this code in the HTML tab of the editor:
```
<div style="width:640px; margin:0 auto;">
    Your Gallery Goes Here
</div>
```
Also, we offer Custom CSS access through the Premium and Business plans.
waldemarweb · Member · Jun 8, 2017 at 9:34 pm
Copy link
Hi dcole,

Thanks a million for your help – your method works, but unfortunately locking the width to 640px means that the gallery doesn’t re-size in tablet/mobile view and the pics hang off the edge of the screen. I tried using 100% instead of a pixel value, but the results were the same as without that extra bit of code (ie, gallery justified left in desktop view…)

Thanks again for your help though man.

Wal.
dcoleonline · Staff · Jun 8, 2017 at 11:51 pm
Copy link
Hi Wal,

Sorry about that, change width to max-width and that should work better on mobile.
waldemarweb · Member · Jun 8, 2017 at 11:57 pm
Copy link
Hi dcole,

I’m away from my PC for the weekend, but will give this a go as soon as I’m able to…

Thanks again for your time and help – really appreciate it..!

Wal.
waldemarweb · Member · Jun 12, 2017 at 1:49 pm
Copy link
Hi dcole,

Yep, that’s giving me much better results. Thanks so much man.

Wal.
dcoleonline · Staff · Jun 12, 2017 at 3:00 pm
Copy link
You’re welcome!

No items found.