leonardo free asked 5 years ago


Hello, what the thing is going? Unfortunately (1) I could not load properly the image background for this link on safari mobile (mozilla and chrome mobile and desktop is fine): http://www.yescrisoliveira.com/luminesce The css used is: .view { background: url("jeunesse-luminesce-linha.png")no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } (2) could not load properly the img as well for this link: http://www.yescrisoliveira.com/luminesce The HTML for used is: <!--First columnn--> <div class="col-lg-4"> <!--Card--> <div class="card"> <!--Card image--> <div class="view overlay hm-white-slight"> <div class="mask"></div> </div> <!--/.Card image--> <!--Card content--> <div class="card-block"> <!--Title--> <h4 class="card-title">LUMINESCE™ SERUM DE REJUNESCIMENTO CELULAR</h4> <!--Text--> <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p> Saiba mais </div> <!--/.Card content--> </div> <!--/.Card--> </div> Can you help me to solve this ASAP please? Best, Leo

Kamil Paciepnik free answered 5 years ago


Hi Leonardo, Your code is correct. Are you sure you provide good path? Try to delete the cache from safari. Regards

Alex Gotardi pro answered 5 years ago


Oi Leonardo, Tenta passar a url toda no background-url(http...) Se está usando o MDB 4.3 Verifique se vc está usando os css e tags html corretamente. https://mdbootstrap.com/live/_MDB/index/docs/intros/intro-contact-form.html

leonardo free answered 5 years ago


<!--First columnn-->
                <div class="col-lg-4">
                    <!--Card-->
                    <div class="card">

                        <!--Card image-->
                        <div class="view overlay hm-white-slight">
                            <img src="img/serum.jpg" class="img-fluid" alt="">
                            <a href="#">
                                <div class="mask"></div>
                            </a>
                        </div>
                        <!--/.Card image-->

                        <!--Card content-->
                        <div class="card-block">
                            <!--Title-->
                            <h4 class="card-title">LUMINESCE&trade; SERUM DE REJUNESCIMENTO CELULAR</h4>
                            <!--Text-->
                            <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p>
                            <a href="#" class="btn btn-info">Saiba mais</a>
                        </div>
                        <!--/.Card content-->

                    </div>
                    <!--/.Card-->
                </div>

leonardo free answered 5 years ago


above the code was not posted properly, now does: <!--First columnn--> <div class="col-lg-4"> <!--Card--> <div class="card"> <!--Card image--> <div class="view overlay hm-white-slight"> <div class="mask"></div> </div> <!--/.Card image--> <!--Card content--> <div class="card-block"> <!--Title--> <h4 class="card-title">LUMINESCE™ SERUM DE REJUNESCIMENTO CELULAR</h4> <!--Text--> <p class="card-text">O serum é composto, na maior parte, por complexo de fatores de crescimento, obtidos através de celulas tronco humanas. Transforma a sua pele minimizando as manchas de idade, linhas finas, rugas, entre outros problemas a nível da pele.</p> Saiba mais </div> <!--/.Card content--> </div> <!--/.Card--> </div>

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Specification of the issue

  • User: Free
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes