2017 and z-index

  • Desconhecida's avatar
    igorbeuermann · Membro ·

    Hello,

    My colleagues chose a 2017 theme for a development a low-budget ( :) ) web site. Now, one of their wishes is to have some text that shows values of the company in h1 element that would appear on the certain space of the screen. That wouldn’t be a big problem. We use a 

    <div  class="values"><h1>text</h1></div>

.values {
position: fixed;
top: 200px;
right: 200px;
}

    and the problem should be solved.

    But, the restriction is that they would like that this text appears just above the background images of the <article> sections, i.e. above <div class="panel-image"> and NOT above the <div class="panel-content">. The above means that the text of class value is visible and if it is not above then it is not visible.

    I understand this is a question of Stacking contexts. So I tried to come to a satisfactory result by

      using z-index property;
      using opacity;
      rearanging divs in the content-front-page-panels.php file.

    My result until now is that the “values” div comes above the background-image of the header section. Of course, the text comes every time under the navigation bar (which is positioned at the bottom of the page and has a z-index 3) but all the next steps are a mystery for me. Either they come above the background images of the articles (<div class="panel-image">) AND above the panel-content (<div class="panel-content">) or they are hidden on both places.

    Does there exist a solution for this problem?

    Igor

  • mlaetitia · Staff ·

    Boas,

    Este forum é dedicado a suporte em Português – por isso irei responder neste idioma :)
    If you’d rather get support in english, please refer to the english forum: https://en.forums.wordpress.com

    Pode dizer-nos qual o site para o qual necessita de ajuda? Obrigada!

  • Desconhecida's avatar
    igorbeuermann · Membro ·

    Boas Laetitia,

    Obrigado para responder tão depressa. Embora não sou o Português, acho que podíamos continuar na língua portuguesa.

    Todos na empresa tem muita curiosidade como vai com o site novo de Geonext e por isso criámos os users com passwords para o acesso do novo site . Onde é que posso mandar o seu nome e palavra-passe?

    Muito obrigado para ajuda e bom dia.

    Igor

  • Desconhecida's avatar
    carinapilar · Membro ·

    Olá Igor,

    Aqui neste fórum ajudamos somente com sites hospedados no WordPress.com.

    Verificamos a sua conta e percebemos que você não possui um site hospedado nos nossos servidores, por isso não conseguimos verificar esta situação que você descreve.

    Esta situação parece ser um problema no tema que você tem instalado no seu site. Sugerimos contactar os criadores do tema, ou você pode tentar entrar em contato diretamente com a empresa de hospedagem onde o seu site se encontra, como o site está no servidor deles, talvez eles possam te ajudar.

    Ou você pode também usar os fóruns para sites auto hospedados WordPress.org como o seu, no link abaixo:

    Support Forums

    Para aprender um pouco mais sobre as diferenças entre os dois tipos de WordPress (.com vs.org), você pode conferir o guia no link abaixo:

    https://en.support.wordpress.com/com-vs-org/ (em inglês)

  • Desconhecida's avatar
    igorbeuermann · Membro ·

    Olá Carina,

    Eu percebo, que não podem ajudar. Obrigado mesmo assim.
    Fez isto: https://jsfiddle.net/62cxej8h/, que é mais ou menos o mesmo como na tema. Mas o problema da tema ainda não consigo quebrar.
    Vou agora ao wordpress.org. Se calhar la alguém pode ajudar com esta tema.

    Até a próxima,
    Igor

  • Desconhecida's avatar
    carinapilar · Membro ·

    Boa sorte Igor! :)

    Caso tenha alguma outra coisa que possamos te ajudar com um site no WordPress.com, sinta-se à vontade para criar um novo tópico.

  • The topic ‘2017 and z-index’ is closed to new replies.