Como mudar a ordem das Colunas no Elementor Wordpress?
2.908 visualizações • 4 de dez. de 2021 • ⭐️ Curso WP Elementor - Aprenda Elementor com quem produz conteúdo, trabalha e tem experiência na criação de sites. CONFIRA NO LINK! https://www.wpelementor.com.br/ ⭐️ Imagens e Vetores para donwload na Shuttersotck: ➡ http://bit.ly/shutter-chief ⭐️ Elementor PRO: ➡ http://bit.ly/chief-yt-elementor ________________________________________________ Template Monster ➡️ Cupom com 10% de desconto na loja do Template Monster: mk9e8sw8y6x8ltdgtiedxa9yl (copie e cole) ➡️ Temas para Elementor da TemplateMonster - https://goo.gl/GzMBKZ ➡️ Tema utilizado nas aulas Monstroid - https://goo.gl/vSY5Vn _____________ WP elementor é plugin de page-builder para Wordpress. Com ele é possível criar páginas de sites em uma interface real-time e do tipo drag&drop. O plugin Elementor é um dos mais populares na comunidade WordPress, se tornando o principal page-builder da plataforma. Para utilizar o Elementor, basta ter um site em Wordpress. Existem versões gratuita e paga do software. Mesmo que você não tenha dinheiro para comprar o plugin, é possível instalá-lo e utilizá-lo. ________________________________________________ 🎩 Curso Web Designer PRO ➡ http://www.webdesignercursos.com.br/ ________________________________________________ 🎩 eBook de HTML e CSS ➡ http://www.ebookhtmlcss.com/ ________________________________________________ 🎩 eBooks do Chief: ➡ http://chiefofdesign.com.br/materiais.... ________________________________________________ 🎩 Chief of Design Inscreva-se agora no canal e fique por dentro das novidades!. ➡ Site: http://chiefofdesign.com.br ➡ Facebook: https://www.facebook.com/chiefofdesign ➡ Instagram: http://www.instagram.com/chiefofdesig... ➡ Twitter: https://www.twitter.com/chiefofdesign #elementorwordpresss #wpelementor Mostrar menos Mostrar mais
e aí tudo bem jack seja bem-vinda mais um vídeo de elementos aqui no canal do tiff aqui nesse dia eu vou falar sobre as colunas como se pode modificar a ordem das colunas no responsivo porque às vezes há um problema se você está acessando esse vídeo agora cai de paraquedas aqui no canal não conhece a cara de falar tem uma série de elementos aquino cada um vários vídeos sobre elemento tirando dúvidas mostrando como fazer as coisas como faz o site então sugiro que você dê uma
olhada nessa playlist se você quer saber mais sobre o elemento lembrar também que vou deixar os muitos discursos aqui tanto de o design elemento tudo aqui na descrição e também se quiser adquirir um elemento próprio mesmo deixar o link se adquire por este link vai facilitar vai ajudar o time está bom e no mau modificar nada pra você é bom dito isso vamos mostrar o problema é que às vezes acontece que programa é esse o seguinte aqui ou no site inclusive de uma amiga que ela pediu para dar
uma ajuda o rap e aí eu estava mexendo e eu percebi esse erro aqui note que aqui nós temos duas sessões nettheim essa de viagens e tem essa de convenções na de viagens a imagem da esquerda o texto à direita na convenções atestada esquerda a imagem à direita porque é isso que faz aquela leitura z porque são tópicos diferentes apesar de eles terem sinergias não fossem por exemplo tudo viagem daquela viagem é incentivar y la frança itália e marrocos então se você assim uma l ista de locais poderia
deixar tudo do lado esquerdo todas as imagens da esquerda ou direita faria sentido mas como são assuntos que apesar de serem relacionados tem sinergias mas são diferentes acredito que essa apresentação foi melhor pelo menos no desktop com essa lei e assim a gente fez aqui no elemento está tudo certo só que se você vem aqui no tablet olha só o que acontece se você vem do mobile olha só o que acontece e aí você perguntar mas qual é o erro o erro que a imagem do mobile precisava aparecer aqui em
cima essa imagem precisava aparecer aqui ó aqui e porque é aquela que aparece no mobile porque ela ajuda na apresentação no iraque no conteúdo veja a imagem o título eo texto se eu não tem essa imagem aqui outra lá para baixo parece que é uma continuação e não é uma continuação outro tópico então essa imagem além de contextualizar fazer parte da informação e conteúdo de comunicar ela também ajuda para separar para definir aqui aqui um conteúdo entã o a pessoa percebe que aqui começa um
novo conteúdo e esse ponto e marco é justamente a imagem e no tablet no mobile isso é importante ele fica com uma coluna apenas e essa divisão com um clipe com essa imagem fim fica melhor se a imagem antes agora no desktop não como eu tinha explicado anterior que acredita que a leitura de ficar melhor só que aí beijando o modelo modificar a imagem do tablet né a ordem dela ela chamou de forte no desktop mas não quero isso quero que o de sktop que há leitores e e no tablet e mobile com a imagem em
cima tá mantendo àquela hora em que eu mostrei então como que faço aqui um elemento não vou mostrar dois jeitos pra você é fazer esse elemento é o primeiro você seleciona a à sua seção onde você vai está depois você vem aqui ó em avançado ali no menu do lado esquerdo depois você vem responsivo e possível você selecionar reverter colunas tablet e mobile com isso olha só ele ajusta da maneira que eu falei que a ideal e assim f ica tudo bonitinho funcionando se eu tirar aqui o réver tcheco lançou
bahia olha como ele já coloca a imagem em baixo só colocar reverter ele funciona e no desktop ficar bonito não modifica nada ok bom essa é a maneira nativa para fazer elemento é a melhor maneira com certeza então se tapas problema faça dessa maneira porém eventualmente pode acontecer um erro não sei essa opção não sair pode estar desabilitada alguma coisa enfim eu pensei em um estado crítico onde você não consegu e onde não está funcionando é essa opção então que você pode fazer como uma
alternativa tática o hacking zin fazer o seguinte você vem na sessão que você quer modificar você seleciona o idiota mesmo atleta profissional de inês cadu se colocam mais de você já identificou a sessão falou esta sessão tem o nome nem tem a identificação a de que é que eu deixei aqui ok depois você tem custos e ss e você aplica é essa propriedade esses valores css e aí que significa o o elemento esp ecial no código eu vi que ele utiliza lhe um display bock display flex na verdade né dos
xbox então basta você reverter a a ordem desse dessa decisão o xbox que você resolve esse problema e aí como eu fiz eu peguei o id aqui depois de espaço coloquei um elemento em torno ou que é a linha na verdade a class que tá aqui contém esses elementos e aí eu coloquei a propriedade flex direction e mudei mandei reverter aqui com valor e versa ok como o que importa pra forçar para funcion ar mesmo e assim funciona aí soube ano tablet xoom e no bairro vai estará funcionando no caso não
vai mostrar que o porquê tem que atualizar e mostrar no navegador tá pra que ele mostre realmente funcionando mas se eu mudar aqui em deixar dessa maneira e depois atualizar vai funcionar então vou fazer isso só pra te apresentar aqui para que você possa ver que realmente funciona e se se entre aspas rápidos e vamos atualizar aqui e antes de mostrar o código ou melhor o resulta do não quero só mostrar de onde eu tirei aquela classe do elemento eu tirei d'aquino estou especial no código está
e aqui é essa crise é mentor hall e aí eu peguei essa classe e é falar a classe é essa classe que tem 1 e diante da então especifiquei porque se eu colocar só esta classe vai apitar em todo o site queria utiliza clássico é se você sabe um pouco de excesso pode repetir durante código então ele deve repetir durante vários elementos por isso que eu coloco uma ong dia a ntes para especificar é para identificar o que realmente quer só dessa parte pequena e aí é eu seleciono ela me mandou
reverter vamos ver como ficou aquino a versão mobile veja está funcionando se eu tirar essa esse código ele vai funcionar porque é a ordem aqui tá tá com a imagem à esquerda mas se eu colocar a imagem à direita como seria se você estivesse fazendo né sem um código ou atualizar deixa atualizar que a página olha só vai daí a ideal é então se você tirar ess e código basta você reverter é trocar a ordem então você tá fazendo assim a utilizar o código deixa a esquerda mesma e ninguém aqui no
código postal css e coloca aqui é essa reversão também se pode utilizar até a mídia quer está então são os pontos de quebra se pode falar assim ó a só só modifica pra mim a ordem da coluna a partir da resolução 7 6 8 360 mas também pode usar a mídia quer ea e dessa maneira você tem outra possibilidade de fazer tá bom mas pra isso você precisa o que é de conhecimento de html css a gente tem uma playlist aqui de html css também tem cursos nossos notify bem baratinhos une e fala sobre flex boxe em
layouts ss grid layout onde você vai aprender sobre isso de forma também bem tranquila tá bom por isso que eu falo que é importante saber o porquê de código mesmo que não se mexam no bbb essas são as maneiras de você fazer de você alterar a ordem das colunas espero que tenha ajudado aí se você gostou do vídeo já deixo lhe que isso ajuda demais o canal se inscreva tiveram notificações também além do like a inscrição também ajuda você saber das novas light os vídeos aqui do tipo acessam o
alt faculdade ponto br com tudo pra você e tem nas outras redes sociais facebook está grande fim pra você ficar atualizado aqui com os conteúdos do tive logo nessa forte abraço até mais estudar gaúcho fui
0 Comentários