Estou na Aula 17 - Destaques do site e ele cria uma Section para depois adicionar a imagem. Hoje em dia esse item não existe nas opcões do Astra. Eu tentei criar um container e depois adicionar a imagem de destaque, porém as configurações não ficam iguais como no video da aula.

Alguém já passou por isso e sabe como resolver ou qual alternativa eu posso fazer para configurar como na aula?

  • Criado

    há 4 meses
  • Última resposta

    há 4 meses
  • 11

    Respostas

  • 2

    Usuários

    • ivan

      • Administrador
    • Editado

    sergioleite em 20 de dezembro de 2023 gravei um vídeo mostrando como fazer a seção inicial do site usando o bloco container. Contudo ele foi compartilhado no grupo de Facebook e não tenho certeza se ainda tenho acesso a esse arquivo. Caso eu consiga eu vou compartilhar aqui. Mas no geral é só usar o container mesmo que ele tem sim todas as configurações, talvez tenha alguns detalhes a ajustar, mas da certo sim.

    [Edit] O áudio do vídeo estava bem ruim; assim que possível eu regravo o vídeo mostrando como fazer tanto o destaque principal do site quanto a seção que vem logo abaixo dele e vou disponibilizar aqui na Comunidade porque mais pessoas podem ter essa dúvida. Não conseguirei fazer hoje, mas acredito que amanhã cedo eu resolva isso.

      • sergioleite

          Autor do tópico

        ivan obrigado pela atenção. Se você achar o vídeo, manda aqui. Certamente vai ajudar. Att

        • sergioleite

            Autor do tópico
          • Editado

          O meu problema em criar a section no container é que eu não consigo certas configurações mostradas no curso. Ex.: eu não consigo configurar o width e o inner width para 1200px. Essas configurações só aparecem (algo parecido) quando eu adiciono a imagem. Estou travavo nesse video, não consigo avançar fazendo igual a eles.

          Além disso, não tem nenhuma configuração de espaçamento.

            • ivan

              • Administrador

            sergioleite eu já gravei um vídeo mostrando como criar essas duas seções do site (vide print). Estou editando ele e logo mais compartilho

            • sergioleite

                Autor do tópico
              • Editado

              Atualizando, consegui evoluir um pouco, adicionei a imagem pelo container, transformei ele em section. Mas nõ consigo de jeito nenhum fazer a umagem ocupar toda a tela horizontamente. No curso ele fala em 1200px mas meu monitor esta em 1366 e assim eu aumentei la, mesmo assim fica uma barrinha nas laterais.

                • ivan

                  • Administrador

                sergioleite você não precisa configurar ele pra section, deixa o padrão div porque isso tem a ver com semântica html. Aguarde por gentileza o vídeo sair

                  • sergioleite

                      Autor do tópico

                    acho que consegui evoluir. Criei uma Section (container) dentro da section principal (container) e consegui configurar do jeito que esta no curso.

                    • sergioleite

                        Autor do tópico

                      ivan Tá ótimo. Não tinha visto o seu vídeo. Vou aguardar.

                        • ivan

                          • Administrador

                        sergioleite segue o vídeo. Foi improvisado porque eu queria fazer o mais rápido possível, então eu não sabia quais eram as configurações que eles usaram; dessa forma tive que fazer uso do inspetor de elementos para poder descobrir alguns valores, mas nada disso você precisará fazer. Apenas reproduza as configurações que são feitas nesse vídeo para o container e para os demais elementos você segue com a aula normal deles:

                          • sergioleite

                              Autor do tópico

                            ivan Muito obrigado pela sua atenção e disposição.

                              • ivan

                                • Administrador
                              • Editado

                              sergioleite espero que ajude. Não está muito detalhado porque requer uma aula especificamente sobre container para mostrar os detalhes, mas da pra ter uma noção básica de como usar o container e resolver essas duas seções iniciais do site com Gutenberg.

                              No curso de Elementor explico com mais detalhes como usar o container. As configurações gerais são exatamente as mesmas do container do Spectra, mas o elementor tem algumas configurações a mais dando mais liberdade de uso. De qualquer forma a base é a mesma, se quiser pode acompanhar o curso em paralelo.

                              2 meses depois
                              ivan fez referência a esta publicação em [unknown discussion] #656