Background image



  • I'm developing HTML marketing emails, but I'm having trouble in the footer, where it has a background url and in the mobile version it unconfigures:

    versão desktop

    versão mobile

    my code:

    .background-gray2-no-padding {
            background-color: #C4C3C2;
            margin-top: -1em;
        }
    
    .background-gray2-no-padding div {
        padding-top: 5em;
        padding-left: 1em;
        background-image: url(http://www.tattoosinspiradoras.com.br/wp-content/uploads/2017/12/footer-14.png);
        /*background-size: 100%;*/
        background-repeat: no-repeat;
        text-align: left !important;
    }
    
    .background-gray2-no-padding div span {
        color: white;
        font-size: 8pt;
        position: relative;
        bottom: 0;
    }</code></pre><pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="background-gray2-no-padding"&gt;
    

    <div>
    <!-- <img src="img/footer.png" class="width-100"> -->
    <span>Os serviços de limpeza da possuem garantia de qualidade comprovada, adequando-se aos termos do artigo 26 do CDC, que rege as condutas de consumo de serviços não duráveis. Dessa forma, as garantias dos serviços de limpeza estão limitados à 30 dias corridos, contados à partir da data de realização do serviço. A partir do trigésimo primeiro dia corrido, por ser impossível o controle das condições de uso dos bens higienizados, mudanças naturais enfrentadas pelo mobiliário e pela ação do tempo, a empresa preservará o seu direito de não reconhecer a relação entre eventuais alterações nos aspectos físicos do estofados e seus serviços de limpeza.</span>
    </div>
    </div>

    How do I fix that?



  • Add the property: "background-position: center" the image

    .background-gray2-no-padding {
            background-color: #C4C3C2;
            margin-top: -1em;
        }
    
    .background-gray2-no-padding div {
        padding-top: 5em;
        padding-left: 1em;
        background-image: url(http://www.tattoosinspiradoras.com.br/wp-content/uploads/2017/12/footer-14.png);
        background-position: center;
        /*background-size: 100%;*/
        background-repeat: no-repeat;
        text-align: left !important;
    }
    
    .background-gray2-no-padding div span {
        color: white;
        font-size: 8pt;
        position: relative;
        bottom: 0;
    }</code></pre><pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="background-gray2-no-padding"&gt;
            &lt;div&gt;
                &lt;!-- &lt;img src="img/footer.png" class="width-100"&gt; --&gt;
                &lt;span&gt;Os serviços de limpeza da  possuem garantia de qualidade comprovada, adequando-se aos termos do artigo 26 do CDC, que rege as condutas de consumo de serviços não duráveis. Dessa forma, as garantias dos serviços de limpeza estão limitados à 30 dias corridos, contados à partir da data de realização do serviço. A partir do trigésimo primeiro dia corrido, por ser impossível o controle das condições de uso dos bens higienizados, mudanças naturais enfrentadas pelo mobiliário e pela ação do tempo, a empresa preservará o seu direito de não reconhecer a relação entre eventuais alterações nos aspectos físicos do estofados e seus serviços de limpeza.&lt;/span&gt;
            &lt;/div&gt;
        &lt;/div&gt;</code></pre></div></div></p>

Log in to reply
 


Suggested Topics

  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2
  • 2