Title: Portfolio com css sprites
Last modified: 10 abril, 2020

---

# Portfolio com css sprites

 *  [rneigenfind](https://br.wordpress.org/support/users/rneigenfind/)
 * (@rneigenfind)
 * [6 anos, 6 meses atrás](https://br.wordpress.org/support/topic/portfolio-com-css-sprites/)
 * Em suma, em queria usar “css sprites” com Portfólio que eu já uso no meu site.
 * Em Detalhes…
    Temos muitos clientes, graças a Deus. E a nossa página de clientes
   tem muitos logos deles. Pra ser exato 125 Então eu queria reduzir, e achei diversas
   maneiras de se usar “css sprites”. Especificamente isto ficou claro pra mim. 
   O problema é que na hora se usar sempre tem que ser um codigo HTML. E como quero
   manter o Portfólio do Elementor que uso em minha página, não funciona, porque
   eu não posso incluir HTML, só figuras da Galeria. Ou será que tem algum jeito?
   De antemão, obrigado pessoal.
 * A página que eu preciso de ajuda: _[[fazer login](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fbr.wordpress.org%2Fsupport%2Ftopic%2Fportfolio-com-css-sprites%2F%3Foutput_format%3Dmd&locale=pt_BR)
   para ver o link]_

Visualizando 3 respostas - 1 até 3 (de um total de 3)

 *  [Ralden Souza](https://br.wordpress.org/support/users/ralden/)
 * (@ralden)
 * [6 anos, 6 meses atrás](https://br.wordpress.org/support/topic/portfolio-com-css-sprites/#post-12169376)
 * saudações,
 * você usa o Elementor gratuito ou o Pro?
    qual o widget do Elementor está usando
   para incluir as logos?
 *  Criador do tópico [rneigenfind](https://br.wordpress.org/support/users/rneigenfind/)
 * (@rneigenfind)
 * [6 anos, 6 meses atrás](https://br.wordpress.org/support/topic/portfolio-com-css-sprites/#post-12169399)
 * Ralden,
    Obrigado por sua pronta resposta. Vamos lá
 * A. Elementor Versão 2.9.7 e Elementor Pro Versão 2.9.2
 * B. Widget? na verdade são 3. Por ordem de importância.
 * 1. Image Box Widget – [https://docs.elementor.com/article/90-image-box?utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn](https://docs.elementor.com/article/90-image-box?utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn)
 * 2. Image Carousel Widget -https://docs.elementor.com/article/52-image-carousel?
   utm_source=widget-help&utm_medium=wp-dash&utm_campaign=learn
 * 3. JetElements Portfolio widget – [https://crocoblock.com/knowledge-base/articles/how-to-showcase-a-categorized-portfolio-using-jetelements-portfolio-widget/?utm_source=jetelements&utm_medium=jet-portfolio&utm_campaign=need-help](https://crocoblock.com/knowledge-base/articles/how-to-showcase-a-categorized-portfolio-using-jetelements-portfolio-widget/?utm_source=jetelements&utm_medium=jet-portfolio&utm_campaign=need-help)
 * Obrigaduuu!
 *  [Ralden Souza](https://br.wordpress.org/support/users/ralden/)
 * (@ralden)
 * [6 anos, 6 meses atrás](https://br.wordpress.org/support/topic/portfolio-com-css-sprites/#post-12169402)
 * como usa o Elementor Pro, ele permite as Tags Dinâmicas. inclusive na página 
   do JetElements Portfolio Widget, você pode ver o símbolo acima da imagem, ao 
   lado direito, um símbolo que parece um banco de dados,
 * ![Link Text field](https://crocoblock.com/knowledge-base/wp-content/uploads/2018/
   11/3r.png)
 * por vezes, as tags dinâmicas já permitem opções que te permitem fazer esse ajuste.
 * mas a solução que costumo usar é ir em Modelos e lá criaria um modelo para cada
   logo. eu indicaria usar o tipo de modelo Seção. então você cria uma Seção para
   uma logo. dentro do editor do Elementor, você usa o widget HTML e insere seu 
   código para css sprites. então salva.
 * ao voltar para Modelos, irá aparece a Seção que criou para a logo, sendo que 
   do lado direito irá aparecer um shortcode. você copia esse shortcode e coloca
   na página.
 * claro que aqui você precisa deixar de usar o Carousel de imagem e usaria o Slides.
   pois no slides permite texto e ao colocar o shortcode do modelo, será carregado
   a logo que criou, com seu HTML.
 * ou seja, com os Widgets que está usando no momento, realmente não tem como. precisa
   usar as mesmas funções, mas em suas versões para texto. ai poderá inserir o shortcode
   e terá a logo que deseja.
 * já usei os JetElements, são visualmente ótimos, mas deixei por questões de performance.
   mas assim como o widgets do Elementor Pro, eles carregam os shortcodes dos Modelos.
   então minha indicação seria utilizar widgets que proporcionem o mesmo efeito 
   visual, mas com texto. e ai ao invés de usar texto, irá inserir os shortcodes
   e terá as logo com os css sprites.
 * espero ter conseguido explicar, é algo bem técnico do Elementor. boa sorte! [
   gassho]

Visualizando 3 respostas - 1 até 3 (de um total de 3)

 O tópico ‘Portfolio com css sprites’ está fechado para novas respostas.

## Tags

 * [css sprite](https://br.wordpress.org/support/topic-tag/css-sprite/)
 * [elementor](https://br.wordpress.org/support/topic-tag/elementor/)
 * [portfolio](https://br.wordpress.org/support/topic-tag/portfolio/)

 * Em: [Gerenciamento de conteúdo](https://br.wordpress.org/support/forum/gerenciamento-de-conteudo/)
 * 3 respostas
 * 2 participantes
 * Última resposta de: [Ralden Souza](https://br.wordpress.org/support/users/ralden/)
 * Última atividade: [6 anos, 6 meses atrás](https://br.wordpress.org/support/topic/portfolio-com-css-sprites/#post-12169402)
 * Estado: não resolvido

## Tópicos

### Tópicos mais populares

### Tópicos sem respostas

### Tópicos não relacionados a suporte

### Tópicos resolvidos

### Tópicos não resolvidos

### Todos os tópicos