Gallery image resize

[skcary77]

Hi Tom,

When you select an image for the gallery, it automatically gets resized and creates a border with the color that you choose.

+++ date = "2017-05-15T21:52:57-07:00" title = "Banff Campsite Scheduler" image = "banff-header.png" alt = "Sample" color = "#53c9db" link1 = "https://google.com" link2 = "" +++

I would like to be able to have the image take up the entire allotted space (no color surrounding it). Is there a way to do this? I tried setting color = "" but it still gets resized.

Thank you for the excellent theme!

[gustavotero7]

Hi @skcary77 , try this. Create a new file inside your partials folder youHugoSite/layouts/partials (is partials folder not exists just create it).

Now create a file css.html to override some css fields and paste this

<style>
header {
}

.gallery img {
  margin: 0 0;
  width: 100%;
  display: block;
  padding: 0;
}
</style>

Now rebuild or run your site and the gallery images will cover all the colored space.

[erazemk]

Hi @gustavotero7 , I tried this but it did not work, my images are still not properly sized, any other ideas?

[gustavotero7]

Hi @JustMeErazem not sure if there are new changes that affect this (long time since I have worked with this template), I will check-it later and reply again here