Eu consigo criar um site todo em Box? Todo fluido e todo com margens separando cada coisa no layout?

João Paulo Gilini compartilhou um link. 30 de maio às 17:38 Eu gostaria de trazer minha loja pro ecom mas tenho algumas dúvidas, eu consigo deixar o campo buscar e o carrinho no topo? Eu consigo criar um site todo em Box? Todo fluido e todo com margens separando cada coisa no layout? Queria deixar o layout máximo igual possível com o que eu fiz na xtech Segue o site Marco Aurelio Sordi João, mandei o orçamento....fico a disposição para planejarmos a migração do layout. Curtir · Responder · 1 · 30 de maio às 23:30 Remover Leonardo Matos João você pode colocar o carrinho no cabeçalho no campo posição do carrinho, nesta página https://e-com.club/admin/configuracoes-basicas , no topo só usando código, vi que já deixou a largura do layout limitada, para o sombreamento, adicione o CSS abaixo nesta página https://e-com.club/admin/editar-css Curtir · Responder · 1 · 1 de junho às 04:35 · Editado Remover Leonardo Matos body > div { box-shadow: 0 0 10px #bbbbbb; } Ver tradução Curtir · Responder · 1 · 1 de junho às 04:35 Remover Ocultar 26 respostas João Paulo Gilini boa era isso que eu queria, agora consegui deixar igual trocando o border-top na .pre-header , valeu, agora vou passar pra parte de por o carrinho e o buscar produto no topo, vamos ver se consigo hahaha Curtir · Responder · 1 de junho às 11:35 Remover João Paulo Gilini bro tipo, eu to fazendo algumas mudanças no html tipo no newsletter, trocar o que ta escrito e tal na pagina, eu troco na parte do HTML? como faço pra ele sobrepor o que já esta na pagina dai, trocar um pelo outro, pergunta bem noob. Curtir · Responder · 1 de junho às 18:05 Remover João Paulo Gilini por exemplo o carrinho ou o search, eu consigo colocar no topo com codigo html e posicionar onde eu quero, mas como faço pra tirar o search que ja esta na pagina, ja que não tenho acesso a documentação e aos arquivos html do layout tradicional ? Curtir · Responder · 1 de junho às 18:13 Remover Leonardo Matos Não dá pra mexer no HTML dos plugins fixos João, imagino que você adicionou HTML com plugins móveis né? Nos fixos você só pode mudar o tema e mexer com CSS e JS Curtir · Responder · 1 · 3 de junho às 19:35 Remover João Paulo Gilini Leonardo Matos entendi só arrumando com css né? Só tenho uma pergunta eu mudei por exemplo algo na top header e mudou tbm embaixo, tipo a pergunta é como eu mudo o css somente no bloco, por exemplo do top header, eu mudei a posição do contato email etc no topo lá e mudou tbm embaixo lá o meu nome cnpj etc.. Como eu mudo só de um bloco só em cima.. Da uma olhada nos códigos lá na minha página que modifiquei no css Curtir · Responder · 3 de junho às 19:40 Remover João Paulo Gilini Eu consegui fazer tudo que queria porém tá mexendo na estrutura a baixo tbm gostaria de saber como mexer so no bloco sabe,se não vou ter que ir arrumando tudo a baixo que ficou zoado haha Curtir · Responder · 3 de junho às 19:44 Remover Leonardo Matos Com CSS? É só pegar um seletor mais específico Curtir · Responder · 3 de junho às 19:45 Remover Leonardo Matos Qual é a sua loja? Me dá um exemplo aqui de código que você colocou Curtir · Responder · 3 de junho às 19:45 Remover Leonardo Matos Sua loja aqui né, porque o domínio aponta pra outra plataforma haha Curtir · Responder · 3 de junho às 19:45 Remover João Paulo Gilini Sim é que tô terminando aqui pra vir pra cá haha Perai já te mando o que eu fiz daí mudou tudo em cima e embaixo hahah Perai Curtir · Responder · 3 de junho às 19:51 Remover João Paulo Gilini http://gilinihookah.e-com.club Saca o topo e onde tá a logo e as informações lá embaixo foi pro lado tbm da uma olhada com o dev tools aí Gilini Hookah - Narguile, Arguile, Shisha A Gilini Hookah está desde 2014 no ramo do… gilinihookah.e-com.club Curtir · Responder · 3 de junho às 19:59 Remover João Paulo Gilini .additional-shop-info, .text-center { left: 100px; top: 3px Ver tradução Curtir · Responder · 4 de junho às 13:21 Remover João Paulo Gilini tipo isso.. queria mexer no additional shop info somente do topo e não do rodapé tbm Curtir · Responder · 4 de junho às 13:21 Remover Leonardo Matos Certo, neste exemplo aí o problema na verdade foi com o .text-center, o .additional-shop-info é só no topo mesmo Curtir · Responder · 5 de junho às 00:38 Remover Leonardo Matos Neste caso em específico você podia usar só .additional-shop-info { ... Curtir · Responder · 5 de junho às 00:38 Remover Leonardo Matos Ou .additional-shop-info.text-center { ... Ver tradução Curtir · Responder · 5 de junho às 00:39 Remover Leonardo Matos Não .additional-shop-info, .text-center, só mudar um pouco o seletor mesmo Curtir · Responder · 5 de junho às 00:39 Remover João Paulo Gilini boa, valeu brother.. e nesse caso assim, que quero mexer apenas em um bloco e acaba desconfigurando os outros blocos abaixo, tem como ? ou tenho que ir arrumando depois os outros blocos que ficaram desconfigurados ?...Ver mais Curtir · Responder · 5 de junho às 08:34 Remover Leonardo Matos Muda o seletor também, o que você queria mudar? Curtir · Responder · 1 · 5 de junho às 09:07 Remover Leonardo Matos Isto aí é uma classe do bootstrap, vai aparecer em vários pontos do layout, tem que pegar um seletor mais específico Curtir · Responder · 1 · 5 de junho às 09:07 Remover João Paulo Gilini ah sim entendi, no caso eu queria deixar o menu mais perto do logo, igual eu deixei ali, porem veio o corpo todo do site pra cima, os selos, os banners etc, veio a estrutura toda Curtir · Responder · 5 de junho às 09:09 Remover Leonardo Matos Usa .top-header .col-md-4 {... Ver tradução Curtir · Responder · 5 de junho às 09:10 Remover João Paulo Gilini perfeito, valeu broo, ajudou pra kct, vou finalizar e migrar tudo pra ca, muito obrigado Curtir · Responder · 5 de junho às 10:11 Remover João Paulo Gilini Uma última pergunta, tem como alterar tudo isso no css sem afetar o css responsivo? Ou tenho que fazer no responsivo regras pra cada tipo de tela? Curtir · Responder · 5 de junho às 13:01 Remover Leonardo Matos Se você fizer sem media vai estar alterando em todas as telas, pra mexer só no desktop deixa tudo que você adicionou de CSS dentro de Curtir · Responder · 6 de junho às 03:49 Remover Leonardo Matos @media (min-width: 992px){ } Ver tradução Curtir · Responder · 6 de junho às 03:50 Remover Escreva uma resposta... João Paulo Gilini bro, tem como eu colocar o carrinho de compra nesse header reduce-header ? Curtir · Responder · 5 de junho às 11:55 Remover Leonardo Matos Por padrão ele fica, é só você deixar o carrinho no menu, muda a posição do carrinho nesta página https://e-com.club/admin/configuracoes-basicas Login - E-Com Club e-com.club Curtir · Responder · 6 de junho às 03:51 Remover João Paulo Gilini ah sim, imaginei esqueci de testar isso.. valeu muito obrigado Curtir · Responder · 6 de junho às 08:35 Remover Escreva uma resposta... João Paulo Gilini você sabe me dizer se tem como eu fazer um Pop-up , baner flutuante ou algo do gênero, pra abrir assim que a pessoa entra na página pra confirmação de idade? uma arte com botão sim e não, com o java da pra fazer isso? Curtir · Responder · 6 de junho às 08:37 Remover João Paulo Gilini eu coloquei imagem no menu dessa forma aqui, como faço pra por uma imagem hover de outra cor pra quando passar o mouse? @media (min-width: 992px) { .header:not(.reduce-header) li#c_acessorios> a:before { content: " "; background-image: url(https://cdn.e-com.club/.../gilinihoo.../uploads/icon8-vk.svg); background-repeat: no-repeat; display: block; margin: 0 auto 5px auto; background-size: 100% 100%; width: 52px; height: 42px; } cdn.e-com.club Curtir · Responder · 6 de junho às 20:53 Remover João Paulo Gilini eu fiz assim olha mas não deu certo, a outra imagem sai do lugar quando passo o mouse @media (min-width: 992px) { #c_bases a:hover { background-image: url(https://cdn.e-com.club/.../uploads/ico-menu-base-hover.png); background-repeat: no-repeat; display: block; margin: 0 auto 5px auto; background-size: 100% 100%; width: 25px; height: 37px;