Selos organizados em tamanho

Olá pessoal!!!
Salvo o logo de SSL e google safe browsing, teria como organizar os selos extras, dentro da DIV ali de forma padronizada de tamanho???

Meus selos:

Forma mais organizada exemplos:

Tamanho menor

Outro tamanho

1 curtida

Quais sites são esses? Acredito que mudaram o tamanho das imagens para ficar iguais. No caso o Loja Confiável e o Verificado do Reclameaqui são totalmente distintos.

Edita o selo do Reclameaqui para ficar do mesmo tamanho que da pra fazer essa alteração via JQuery ou até mesmo CSS.


Os selos:

lojadomecanico.com.br
catral.com.br

o selo do reclame aqui da até pra modificar a .jpeg e subir…mas a do compre e confie nao…nao entendo muito, pois ele gerada uma verificacao do dia…pois contem a data etc…

É exatamente isso que eles fazem: as imagens tem tamanhos diversos, porém como possuem a mesma orientação (retrato), da pra alinhar. Como a do ReclameAqui está em orientação paisagem, já não tem como.

Se conseguir deixar a do reclameaqui em formato retrato, aí da pra alinhar/organizar por CSS.

Como pontuei, use a confie como base para tamanho e faça um novo selo do ReclameAqui que depois substituo por código e alinho pra vc

Coloquei as imagens do mesmo tamanho agora, se quiser dar uma olhada…

1 curtida

Consegui dessa forma:

<ul id="selos-rodape" class="hide">
   <li>
        <a id="seloEconfy" href="https://www.compreconfie.com.br/2000422" target="_blank" datanoop="redir(this.href);">
        </a>
        <a href="https://www.reclameaqui.com.br/empresa/casared-equipamentos/" style="margin: 8px;" target=”_blank”>
        <img src="https://cdn.awsli.com.br/404/404737/arquivos/casared-selo-ra.png" class="img-selos" alt="" /></a>
        <a href="https://www.ebit.com.br/127803/selo/" style="margin: 0px;" target=”_blank”>
        <img src="https://cdn.awsli.com.br/404/404737/arquivos/casared-selo-ebit.png" class="img-selos" alt="" /></a>
   </li>
</ul>
<script type="text/javascript">
   $(document).ready(function() {
       $('#selos-rodape li').appendTo($('#rodape .selos ul'));
   });
</script>
<style>
   .selos li { margin-bottom: 10px; }
   .img-selos { height: 70px; width: 70px; object-fit: cover; }
</style>

<script type="text/javascript" id="getData"src="https://selo.compreconfie.com.br/scripts/getData.js?sellerId=2000422"></script>

No entanto o id=“seloEconfy” com link, eu não consegui redimensionar.


Tamanho original 90x90

1 curtida
a#seloEconfy img {
    max-width: 70px !important;
    max-height: 70px !important;
}

Excelente meu amigo!!!

1 curtida