[OFICINA] - Pequenas alterações em sua loja

@Leonardo_Vicentini_F, tudo bem?

Será que você consegue me dar um help num ajuste de código?

Coloquei o código para caixa de rastreio, consegui alterar algumas coisas de cor para ficar melhor em meu site mas tem três coisas que não estou conseguindo arrumar:

  • Tirar a caixa cinza atrás da palavra “RASTREAR”
  • Trocar a cor da palavra “RASTREAR”
  • Fazer com que a caixa laranja que aparece quando clica fique mais pra baixo, não tampando a barra inicial.

Consegue me ajudar? Envio abaixo os códigos que estou usando:

HTML:

CSS:

/* Rastreio/barra-inicial*/

.fundo-secundario, .fundo-secundario :hover, .fundo-secundario.botao:hover {color: #ffffff;} .canais-contato.span9 {position: absolute;} i.fa.fa-truck { margin-right: 10px;font-size: 13px}

.rastreio-content {position: absolute; background: #ff914d; z-index: 999; display: none ; padding: 9px; text-align: center; margin-top: 0px;}

.rastreio-content p {font-size: 12px; color: #ffffff}

.rastreio-btn {cursor: pointer;background: #ff914d;width:150px; height:20px ;width: auto!important;}

.rastreio-topo{margin-top: 1px; color:#ffffff;text-align: center;width:150px; color: #ffffff;}
.rastreio-topo:hover {text-decoration: underline;}

#OrderTracking {width: 160px;border: 0;box-shadow: 3px;background-color: #ffffff; border-radius:3px;}
input#OrderTracking {color: #ff914d;}
input#OrderTracking:hover {color: #ff914d;}

Segue print do meu site:

Suuuuper obrigada desde já!

@Leonardo_Vicentini_F codigo HTML não foi:

$('.barra-inicial .canais-contato li.hidden-phone').before( '
'+ '
  • Rastreio de pedido
  • '+ '
    '+ '

    Digite o código de rastreio para acompanhar seu pedido:

    '+ ''+ 'RASTREAR'+ '
    '+ '
    ' ); $(".rastreio").click( function() { var numerosro = document.getElementById('OrderTracking').value; window.open('https://www.melhorrastreio.com.br/meu-rastreio/'+numerosro,'_blank'); } ); $('.rastreio-btn').hover( function () { $('.rastreio-content').fadeIn(400).show(); },
    .rastreio-content {
        margin-top: 30px;
    }
    
    input#OrderTracking {
        color: #ff914d;
        vertical-align: top;
    }
    
    button.rastreio {
        background: #ff914d;
        margin-left: 9px;
    }
    
    

    image

    1 curtida

    Deu super certo, muito obrigada! :slight_smile:

    1 curtida

    Poderia me enviar por favor o código inteiro?

    E como faço pra todo o site ficar arredondado?

    Olá,

    1. Qual o script posso adicionar na LI para ocultar os botões de Castro e Carrinho no Mobile e Desktop?

    2. Como inserir o Menu (Sanduiche ou palavra Menu) ao lado esquerdo do botão home?

    image

    eu não tenho o código, somente fiz a correção no css aponta.

    Não sei se é isso, mas se for o cabeçalho arrendondado… eu fiz assim:
    Cabeçalho>todas as paginas<CSS

    poe isso:

    #cabecalho .busca { padding: 0; border: none; background: transparent; }
    #cabecalho .busca input { padding: 10px 5px 10px 15px; border-radius: 10px; }
    #cabecalho .busca .botao-busca { height: 42px; top: 0; right: 0; border-radius: 10px; border-top-left-radius: 0; border-bottom-left-radius: 0; width: 55px; font-size: 18px; }
    .acoes-conta>li i { border-radius: 5px; }
    .carrinho { border-radius: 10px; }
    .carrinho>a i { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }

    1 curtida

    Bom dia !
    Por gentileza, preciso ajustar o responsivo do meu site www.rainhacestas.com.br

    1- levar o botao de menu pra cima do lado do bonequinho.
    2 - levar a logo pra cima tambem só no mobile
    3 - grudar o banner no cabeçalho , subindo todo conjunto
    4 - escrever entrar em baixo do bonequinho conforme imagem abaixo:
    image

    1 curtida

    Sugiro a contração de um profissional, pois essas modificações são estruturais e precisam ser testadas no ambiente mobile e desktop, para não ficar nada “quebrado”.

    Sugestão de um excelente profissional @brenonovelli
    Trabalho executado: https://www.zuloja.com.br/
    Laboratório: https://benove.lojaintegrada.com.br/

    1 curtida

    Obrigado pelo retorno Leonardo. E se fizermos mais simples, manter os elementos no lugar que estão e só reduzir o conteineir de cada um deles. Assim essa parte branca entre o banner o cabeçalho, se fosse possivel reduzir até o banner colar na logo, ja melhoria bem. Seria possivel fazer isso?

    Boa tarde Pessoal!!

    Preciso de pequenas correções em textos na minha loja

    Sem título

    Precisa ser visto com a empresa do Tema a Correção.

    fala pessoal. belezura???

    queria ajuda numas modificações no meu site

    1-por figuras nos menos ou deixar ele mais modernos sei la, me incomodam do jeito que esta

    2-o newsletter acima da forma de pagamento no rodape

    3-ageitar o boleto no rodape

    4-por mais selos que vi em outros sites, como o comentarios do google que acho interresenate

    5- quqlquer outra ideia que deixe ele mais apresentavel

    site https://www.canguinharacing.com.br/

    Queria um visual melhor pra minha loja. Não sei o que fazer.

    Olá Amigos, preciso de uma ajuda de vcs,

    Preciso colocar um produto no subi menu do meu site
    image
    Desse jeito, alguém pode me ajudar

    Creio que seja algo relacionada ao ID do produto

    Atualmente consegui colocar apenas uma imagem dessa forma

    image

    estou sando esse código para isso

    /* foto sub-menu massa /
    /
    Menu */
    .menu.superior>ul.nivel-um>li.categoria-id-5377705 >ul {
    background: url(https://cdn.awsli.com.br/1594/1594716/arquivos/-01.png) right 5px top 5px no-repeat #FFFFFF;
    height: auto;
    padding-right: 300px;
    padding-bottom: auto;
    text-align: left !important

    Olá,

    Estou tentando atualizar como o produto é exposto… alguém pode me ajudar ?

    Eu queria melhorar a forma de exposição do valor em uma cor diferente e o valor da parcela co cor e texto diferente.

    image

    queria deixar igual ao da imagem.

    Obrigado se alguém conseguir ajudar

    Olá!

    Alguém sabe como colocar o botão Ver detalhes entre a foto e o nome do produto? Ele fica sobre a foto e assim não dá pra ver corretamente o produto.

    Obrigada!

    1 curtida

    Também gostaria de saber

    1 curtida