Alterar barra de busca CSS

Layout
1

Gostaria de saber como ajustar a barra de pesquisa para a parte superior junto com as redes sociais e retirar esse contorno cinza da barra segue imagem e o link da minha loja: https://www.utent.com.br/

image
image1203×229 16.6 KB

1 curtida
2

Colocar a barra para cima não sei, mas isso tirar o contorno cinza
Insira o código abaixo em:
incluir código HTML
Local publicação: cabeçalho
Tipo: Cascade Style Sheet (CSS)

.busca {
background-color: #fff; /aqui voce muda a cor/
width: 300px; /aqui voce muda a largura da caixa de busca/
}

2 curtidas
4

Deu certo, obrigadaaa!! :clap:

1 curtida
5

Você ainda pode acrescentar um position absolute no código e controlar a posição com javascript

CSS:

.busca {
background-color: #fff; /aqui voce muda a cor/
width: 300px; /aqui voce muda a largura da caixa de busca/
position: absolute;
}

Com o javascript você pode controlar a posição do topo, subindo com uma posição negativa assim ele pode ir para onde você desejar.

Javascript

$(document).ready(function() {
var tamanho = $("#cabecalho .conteiner .row-fluid").height() / 3.5
$(".busca").css("top", - tamanho)
});

2 curtidas
6

Usei os dois códigos, no primeiro, consegui diminuir o tamanho mas não mudar a cor, porém, no segundo, a barra some…

meu site: https://www.fuscadadrika.com.br/