WordPress OceanWP Pergunta: Barra superior – Altere a cor de fundo e a borda colorida da página inicial

Um usuário perguntou ?

Olá,

Quero que a página inicial tenha um fundo transparente e uma borda inferior branca.

Eu tentei estes, mas nenhum funciona:

para o fundo: # top-bar-wrap, .oceanwp-top-bar-sticky { background-color: transparente; }

for border-color: # top-bar-wrap { border-color: white; }

Você pode me ajudar por favor?

Todo o melhor

Este tópico foi modificado 2 anos, 3 meses atrás por.

(@apprimit)

2 anos, 3 meses atrás

Olá,

Vá para Personalizar > Barra superior > Geral e defina a cor de fundo transparente e a cor da borda nas configurações.

(@wordmatej)

2 anos, 3 meses atrás

Olá,

Eu sei, é para todas as páginas em geral.

Como escrevi para você, quero um fundo transparente e uma borda branca DEVE ESTAR EM UMA PÁGINA INICIAL – use CSS!

Pode verificar novamente?

Sobre

(@apprimit)

2 anos, 3 meses atrás

Desculpe pela confusão. Vá para Editar Página Inicial > Configurações do Metabox OceanWP > Guia Cabeçalho e selecione Estilo de Cabeçalho Transparente.

Para a borda, insira o código em customização > custom css/js.

.page-id-681.no-header-border #site-header {
    border-bottom: 1px solid #fff;
}

(@wordmatej)

2 anos, 3 meses atrás

Olá,

tx, mas não está certo, pois perguntei ao TOP BAR (melhor no cabeçalho) que é um plano de fundo definido como azul escuro – #004a7c e que está em todas as páginas, mas quero que seja transparente na página inicial.

Por favor, verifique e me informe o CSS correto.

Sobre

(@apprimit)

2 anos, 3 meses atrás

Olá,

Tente adicionar o código abaixo na seção CSS customizada da customização.

.page-id-681 #top-bar-wrap {
    position: absolute !important;
    top: 0 !important;
    background-color: transparent !important;
    height: auto !important;
    z-index: 9999 !important;
    width: 100% !important;
    color: white !important;
    border-bottom: 1px solid white !important;
}

.page-id-681 #site-header.transparent-header {
top: 40px;
}

(@wordmatej)

2 anos, 3 meses atrás

Excelente,

Muito obrigado!

Todo o melhor

(@apprimit)

2 anos, 3 meses atrás

De nada!

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *