WordPress Smart Slider 3 Pergunta: Defina a cor de fundo do slider de forma transparente com CSS

Um usuário perguntou ?

Olá, obrigado por seu aplicativo deslizante maravilhosamente extenso. Minha pergunta: Existe uma maneira de definir uma cor de fundo do slide com CSS junto com sua própria classe CSS (por exemplo, .all-my-ssl-slide-bg definido nas configurações da planilha) de forma transparente?

Vocês

.all-my-ssl-slide-bg {
    background-color: transparent !important;
}

Posso definir uma NOVA cor de fundo, mas não transparente.

Eu já tentei algumas coisas com o desenvolvedor web e em seu style.css, mas não consigo encontrar o seletor ou caminho css correto.

Eu aprecio qualquer pista. Desde já, obrigado.

Atenciosamente Matheson

(@nextend_ramona)

2 anos, 9 meses atrás

Olá @sayhellostranger

Você pode usar a classe n2-ss-slide-background para alterar a cor de fundo de cada slide.

Se o slide já estiver definido com uma cor de fundo, ele deve ter uma div “.n2-ss-slide-background-color” que você pode usar.

Você pode alterar todas as cores do plano de fundo para serem transparentes sem codificação personalizada em Configurações do slide -> guia Plano de fundo -> Reduzir cor e opacidade da cor:

(@sayhellostranger)

2 anos, 9 meses atrás

Hej Ramona, Obrigado pela sua pronta resposta. Talvez eu não tenha feito direito. Eu adicionei ‘.n2-ss-slide-background-color’ como uma classe CSS em Content/Settings. Vocês

div.n2-ss-slide-background-color {
     background-color: # 000000! important;
}

Eu posso mudar BG-Color. Isso funciona perfeitamente! Mas com

div.n2-ss-slide-background-color {
     background-color: transparent! important;
}

não altera o BG-Color atualmente configurado de forma transparente. ? O pano de fundo disso tudo é que tenho muitos slides com Textfonts brancos, que devem ter um fundo transparente. Então fica muito difícil identificar o texto durante a edição. Então eu coloquei tudo em #666666.

Talvez haja uma abordagem diferente. Muito obrigado por sua ajuda.

Matheson

(@sayhellostranger)

2 anos, 9 meses atrás

Desculpe, o código acima está errado, claro. Claro que deve ser:

div.n2-ss-slide-background-color {
     background-color: transparent !important;
}

Sinto muito

(@nextend_ramona)

2 anos, 9 meses atrás

Olá @sayhellostranger

Sim, o problema é com as propriedades do CSS, elas devem ficar assim:

div.n2-ss-slide-background-color {
    background-color: #000000 !important;
}
div.n2-ss-slide-background-color {
    background-color: transparent !important;
}

para torná-los válidos.

(@sayhellostranger)

2 anos, 9 meses atrás

Oi Ramona, o código CSS estava errado na minha resposta. Desculpe por te confundir. Como eu disse, atribuir o novo controle deslizante de cor sólida BG não é um problema. Mas a coisa da transparência, como

div.n2-ss-slide-background-color {
    background-color: transparent !important;
}

Não me funciona. O BG pertence a #666666. Tentei ver o quão feliz, também rgba() então:

div.n2-ss-slide-background-color {
     background-color: rgba(255, 255, 255, 0.7) !important;
}

mas a nova cor RGBA cobre apenas o fundo cinza (fica mais claro) e não o substitui.

Talvez você só possa lidar com declarações #hex via CSS?

Provavelmente um pedido bastante incomum de mim também. Desculpe pela inconveniência. Alguma outra (última) ideia?

(@nextend_ramona)

2 anos, 9 meses atrás

Olá @sayhellostranger

Não, a cor de fundo deve funcionar: transparente perfeitamente, verifiquei, funciona perfeitamente para mim, então será outra coisa.

Você poderia postar o slide em questão em uma página de amostra e me enviar um link para a página? Se preferir fazer isso de forma privada, envie um ticket de suporte:

e confira este tópico.

(@sayhellostranger)

2 anos, 9 meses atrás

Oi Ramona,

Suporte O suporte está disponível e o site agora é público.