@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;
}
1 curtida
Deu super certo, muito obrigada!
1 curtida
Poderia me enviar por favor o código inteiro?
E como faço pra todo o site ficar arredondado?
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
Shymaon
Outubro 21, 2020, 1:19pm
682
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:
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
Shymaon
Outubro 21, 2020, 7:20pm
685
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
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
Desse jeito, alguém pode me ajudar
Creio que seja algo relacionada ao ID do produto
Atualmente consegui colocar apenas uma imagem dessa forma
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
Stambul
Novembro 3, 2020, 3:41pm
691
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.
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