Pergunta na barra de notificação flutuante do WordPress para qualquer tema – myStickymenu Sticky Header Sticky Menu on Scroll: Alterar a cor de fundo de páginas específicas?

Um usuário perguntou ?

Desejo alterar a cor de fundo do menu de navegação enquanto percorro as diferentes partes da minha página inicial. As seções são páginas que configuro como widgets na página inicial. Eu também tenho o plugin escola para id.

A cor de fundo do meu menu de navegação é transparente com texto branco. Parece ótimo em uma página com uma imagem escura.

No entanto, algumas das minhas páginas têm um fundo branco, então o texto branco é invisível.

Eu quero especificar uma cor de fundo da barra de navegação diferente via CSS, como #0003, para páginas específicas. Faça isso ou altere a cor da fonte do logotipo e dos itens de menu para preto com fundo transparente em páginas separadas.

Aqui está meu CSS atual:

/* cor de fundo do cabeçalho */ .wrapfixed> nav { cor de fundo: transparente! importante; } /* cor do item de menu */ .navbar-collaps .navbar-nav> li> a {color: #fff; }

Outra pequena coisa que notei com a cor de fundo é que tenho um tempo de transição de 2 segundos e um efeito deslizante ativado. Amo isso. Mas tem um fundo cinza que se torna transparente. Eu quero desabilitar o cinza e ser transparente. Não tenho certeza se o cinza vem de > Estilo > Cor de fundo fixa > #f4f4f4. Claro, não existe um valor hexadecimal transparente.

Este é um tema Inspiro do WPZOOM. A classe é: .navbar

Muito obrigado!

(@damiroquai)

2 anos, 10 meses atrás

1) Não é possível alterar a cor de diferentes partes na versão atual, talvez mude a cor do texto do seu link para cinza claro…

2) Para remover a cor de fundo preta no switch, altere isso dentro de custom.css (linha 66):

#mysticky-nav {
    height:77px;
    background-color: black;
}

para

#mysticky-nav {
    height:77px;
    background-color: transparent;
}

Ou tente adicionar isso ao campo CSS do estilo do plugin

#mysticky-nav {
    background-color: transparent;
}

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 *