Boa tarde,
Fiz uma avaliação do tamanho das imagens através do código fonte de seu site, obtendo as seguintes informações:
Slide opera em <div class="feature-slider base-box ">
sendo os seguintes tamanho de imagens:
1. Chevrolet Camaro 2016… = 604x312px, com grande tarja cinza na parte inferior,
2. Fiat apresenta linha 2016… = 610x380px, com degradê escuro na parte inferior mas cujo design se encaixou com a imagem (assim, percebo que no CSS há uma referência a um degradê em TODAS as imagens, mas se a imagem na proporção ficar menor que o tamanho do box do slide, aparece apenas a tarja, que é um degradê para se sobrepôr à imagem e criar esse efeito)
3. Mopar lança acessórios… = 610x380px, com tarja escura, que mostra falha no efeito do degradê,
4. ZF adquire TRW… = 580x380px, com pequena tarja escura na parte inferior, mais uma vez o degradê com falha devido tamanho menor da foto,
5. Engenharia da Frans-le… = 610x380px, comp equena tarja na parte inferior devido o degradê,
6. 13 de maio,… = 500x318px, a imagem ficou tão pequena que fornece a melhor visualização do efeito do degradê que deve se sobrepôr a foto, e seja uma das que ficou em pior estado,
7. Etapa de Londrina… = 610x380px, tarja do degradê na parte inferior da imagem,
8. Hyundai do Brasil… = 610x353px, a tarja do degradê está lá, mas como o fundo da imagem é branco, encaixou perfeitamente com o degradê, parecendo ter ficado bom, mas isso só ocorre devido o fundo branco,
9. Mercedes-Benz apresenta… = 610x380px, assim como a anterior, a aparentemente beleza na imagem é pelo fundo branco que se encaixou com o degradê,
10. Não tão ruim para todos = 602x321px, com uma grande visualização da tarja preta do degradê.
Bem, conforme os dados que passei acima, nenhuma imagem alcança os 680px que você informou, estando todas as imagens menores.
O que se poderia fazer para resolver.
1. O mais “fácil” – não necessariamente a melhor solução: Adotar apenas imagens com fundo branco, pois como argumentei acima, imagens com fundo branco, mesmo menores que a área a ser preenchida, se encaixam com o degradê e ficam com um aspecto bonito. Mas sabemos que usar apenas fundo branco não é algo viável sempre, né…
2. O mais quebra-galho: verificar o arquivo main.css do tema e procurar a referência a esse degradê sobre as imagens. Se seu slide tivesse uma opção pausar, eu poderia verificar melhor o código com o Inpsecionar Elemento do Google Chrome e talvez até te indicar o que deletar para retirar o degradê, mas com o movimento do slide atrapalha muito visualizar o código. Mas se você procurar no main.css por essa <div class="feature-slider base-box ">
, acredito que verá esse degradê, que ou será uma imagem PNG, devido a transparência usada, ou será uma codificação CSS para transparência.
3. A minha solução como designer: tem coisa que dá trabalho, mas vale a pena. Esse degradê é legal, então eu manteria. Para isso, eu iria atrás de saber o tamanho correto da imagem. Como fazer? Eu pegaria uma imagem de referência para corte – tipo essa, https://paralemdoagora.files.wordpress.com/2012/09/duas_pessoas_correndo_no_parque1.jpg, pois é de corpo inteiro de pessoa com fundo com pontos de diferenciação, o que permite facilmente ver o que o slide vai cortar da foto. Começaria com um tamanho quadrado de 800x800px, mandaria para o slide e veria o corte. A partir daí iria ajustando o corte, até ficar perfeito. É um trabalho artesanal, pode botar até 2h de trabalho para encontrar a medida perfeita (aí como faz falta a documentação do tema nessas horas, pois isso é uma referência que deveria estar na documentação), mas quando encontrar, pronto. Todas as imagens deverão ser ajustadas (tipo no Photoshop) para essa medida. Trabalhoso, mas recompensa.
Veja aí as informações e tente ver as soluções que indico, acredito que conseguirá alcançar um design que lhe agradará e, consequentemente, aos seus usuários,
Muito boa sorte!