Home Forums Porto Template Contact form

This topic contains 1 reply, has 2 voices, and was last updated by  Support2 4 months ago. This post has been viewed 189 times

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #10030014

    Funtimeros
    Participant

    Hi,
    regarding our ticket
    #10029676

    we still continue with the issue and have to additional issues:

    we follow the instructions provided on your email , anda still not returning to the page we are telling the code to comeback after sending correctly the email.

    1) we added in the contact page the js script view.contact

    2) in the view.contact added the following instruction on line 60

    self.location = ‘contacta-con-unolab.html’;

    But after sending we just recive a blank page with this text

    {“response”:”success”}

    instead of coming back to the contact page created

    And also two other issues that we found

    1)

    in the page header is there any way to make the image fully responsive as it happens in the index page ?

    the index slider image has this code

    <div id="revolutionSlider" class="slider rev_slider" data-plugin-revolution-slider data-plugin-options="{'delay': 9000, 'gridwidth': 1170, 'gridheight': 500, 'disableProgressBar': 'on', 'responsiveLevels': [4096,1200,992,500]}">

    probably the red part of the code is the one that makes the imge work perfectly in every single device indeendently of the screen size

    the header image in all page has this code

    <section class="page-header page-header-custom-background parallax" data-plugin-parallax data-plugin-options="{'speed': 1.5}" data-image-src="imagenes/header/trabaja-con-unolab-08.jpg">

    can we add something similar to the code you have on the slider of the index to make it work ok ?

    2) On those images you have , is there any way to mantain the size of the fourth one and make it fix instead of a rotating image ?

    thats the code at the moment

    <div class="home-concept mt-5">
                    <div class="container">
    
                        <div class="row text-center">
    
                            <div class="col-lg-2 ml-lg-auto">
                                <div class="process-image">
                                    <img src="imagenes/calidad-3-index.jpg" alt="" />
                                    <strong>Calidad</strong>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="process-image">
                                    <img src="imagenes/flexibilidad-index.jpg" alt="" />
                                    <strong>Flexibilidad</strong>
                                </div>
                            </div>
                            <div class="col-lg-2">
                                <div class="process-image">
                                    <img src="imagenes/agilidad-2-index.jpg" alt="" />
                                    <strong>Agilidad</strong>
                                </div>
                            </div>
                            <div class="col-lg-4 ml-lg-auto">
                                <div class="project-image">
                                    <div id="fcSlideshow" class="fc-slideshow">
                                        <ul class="fc-slides">
                                            <li><a href="#"><img src="imagenes/confianza-1-index.jpg" alt="" /></a></li>
                                            <li><a href="#"><img src="imagenes/confianza-1-index.jpg" alt="" /></a></li>
                                            
                                        </ul>
                                    </div>
                                    <strong class="our-work">Confianza</strong>
                                </div>
                            </div>
                        </div>
    
                    </div>

    Thanks in davence


    • This topic was modified 4 months ago by  Support2.
    #10030023

    Support2
    Keymaster

    Hello,

    1) You have duplicated view.contact.js files on the page. Remove the script that is on the <head> of document.

    2) For the page header image you can get a very similar effect with this code in (css/custom.css):

    .page-header-custom-background {
        padding: 0 !important;
        height: 30vw;
    }
    
    .page-header-custom-background .parallax-background {
        background-size: 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    3) You can use this code for the home concept:

    <div class="home-concept mt-5">
    	<div class="container">
    
    		<div class="row text-center">
    			<span class="sun"></span>
    			<span class="cloud"></span>
    			<div class="col-lg-2 ml-lg-auto">
    				<div class="process-image">
    					<img src="img/home/home-concept-item-1.png" alt="" />
    					<strong>Strategy</strong>
    				</div>
    			</div>
    			<div class="col-lg-2">
    				<div class="process-image process-image-on-middle">
    					<img src="img/home/home-concept-item-2.png" alt="" />
    					<strong>Planning</strong>
    				</div>
    			</div>
    			<div class="col-lg-2">
    				<div class="process-image">
    					<img src="img/home/home-concept-item-3.png" alt="" />
    					<strong>Build</strong>
    				</div>
    			</div>
    			<div class="col-lg-4 ml-lg-auto">
    				<div class="project-image">
    					<img class="img-responsive rounded-circle position-relative top-6" src="img/projects/project-home-1.jpg" alt="" />
    					<strong class="our-work">Our Work</strong>
    				</div>
    			</div>
    		</div>
    
    	</div>
    </div>

    Please, try that and let us know if you need further assistance.

    Kind Regards,

    Rodrigo.


    • This reply was modified 4 months ago by  Support2.
Viewing 2 posts - 1 through 2 (of 2 total)