How to resize images for clients
kozo2 opened this issue · 1 comments
kozo2 commented
I tried resizing the client
's image in the partials
below but it didn't work.
Please let me know if there is a way to resize the image in clients
.
{{ if isset .Site.Params "clients" }}
{{ if .Site.Params.clients.enable }}
{{ if gt (len .Site.Data.clients) 0 }}
<section class="bar background-gray no-mb">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="heading text-center">
<h2>{{ .Site.Params.clients.title | markdownify }}</h2>
</div>
<p class="lead">
{{ .Site.Params.clients.subtitle | markdownify }}
</p>
<ul class="owl-carousel customers">
{{ range .Site.Data.clients }}
<li class="item" title="{{ .name }}">
{{ if .url }}
<a href="{{ .url }}" target="_blank">
<img src="{{ .image }}" alt="{{ .name }}" class="img-responsive" width="1000"/>
</a>
{{ else }}
<img src="{{ .image }}" alt="{{ .name }}" class="img-responsive" width="1000"/>
{{ end }}
</li>
{{ end }}
</ul>
<!-- /.owl-carousel -->
</div>
</div>
</div>
</section>
{{ end }}
{{ end }}
{{ end }}
ryanfox1985 commented
have you tried to create a css style rule?
ul.customers img {
max-height: 100px
}
overriding the custom.css styles: https://github.com/devcows/hugo-universal-theme#style