Viewing 25 posts - 1 through 25 (of 25 total)
  • Author
    Posts
  • March 2, 2016 at 10:15 am #591987
    Dejantopic

    I would like to do a landing page like this http://kriesi.at/themes/enfold-landing-page/, but i want to have a fullscreen slider like this http://kriesi.at/themes/enfold/homepage/transparent-header/#after_full_slider_0 with contact form on top of it. Is it possible and if it is how to do it?

    March 2, 2016 at 3:56 pm #592129
    Yigit

    Hey Dejantopic!

    You can add slider to the top of your page and then your contact form right below it and then edit the column element where you have your contact form and give it a negative top margin value. Please make sure that you are using the latest version of Enfold 3.4.7 – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    March 3, 2016 at 10:01 am #592514
    Dejantopic

    Can you please give me a hint where it could be. I put a contact form in the color section right below the slider but I don’t know how to find this column in css.

    March 3, 2016 at 5:18 pm #592717
    Dejantopic

    Hej Yigit,

    I wrote
    #top div .no_margin
    { margin-left: 0px;
    margin-top: -150px; },

    in custom.css but nothing happened. Am I doing it rigt?

    March 3, 2016 at 5:35 pm #592737
    Yigit

    Hey!

    Here is how you should do it – http://i.imgur.com/6QKkWks.png
    Again, please make sure that you are using the latest version of Enfold 3.4.7 – http://kriesi.at/documentation/enfold/updating-your-theme-files/

    Regards,
    Yigit

    March 4, 2016 at 10:21 am #593190
    Dejantopic

    Hello,

    I have done it with this line:
    #top .av-section-color-overlay-wrap{position: relative;margin-top: -1000px;width: 120%;},

    but now another problem occurs. When the page loads, this contact form which is now in the right position, appears for a brief moment and then dissapears and then again appears when i move the the mouse wheel or slider.
    Why is this happening and how to eliminate this?

    Regards,

    Dejan

    March 4, 2016 at 7:46 pm #593482
    Yigit

    Hi!

    Can you please post the link to your website? We may need a temporary admin login as well

    Cheers!
    Yigit

    March 7, 2016 at 11:52 pm #594671
    Dejantopic

    Hello Yigit,

    The website link is http://www.kjesem.si
    Please take a look.
    Bye,
    Dejan

    March 8, 2016 at 10:45 pm #595215
    Dejantopic

    Hello,
    can you please fix this issue.

    March 9, 2016 at 12:13 pm #595499
    Dejantopic

    Hello Yigit,

    can you please start working on our issue asap so we can go on with our project.

    Regards,

    Dejan

    March 14, 2016 at 10:25 am #597641
    Ismael

    Hey!

    Sorry for the delay and thank you for the info. I checked the page and the contact form do not disappear on mouse hover. Did you fix it?

    Cheers!
    Ismael

    March 14, 2016 at 10:43 am #597646
    Dejantopic

    Hello,

    contact form should appear right away. But instead it appears for a brief moment, than dissapears and then appears again when I move the wheel.
    Please check.

    PS: How to move the contact form more to the right?

    Regards,

    Dean

    • This reply was modified 8 years, 7 months ago by Dejantopic.
    March 17, 2016 at 4:51 am #599413
    Ismael

    Hey!

    I’m sorry but I can’t reproduce the issue. The contact form displays simultaneously with the slider. Regarding the position, turn on the custom css class field: http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    Edit the contact form, add a custom css class then modify the position in the Quick CSS field.

    Cheers!
    Ismael

    March 17, 2016 at 12:35 pm #599556
    Dejantopic

    Hello,

    we have tried on several computers and browsers and only in Internet explorer the contact form displays simultaneously with the slider. In Chrome and Firefox it behaves like I explained before.
    Also the contact form is not visible on mobile phone. Please help me on these issues.

    Regards,

    Dean

    • This reply was modified 8 years, 7 months ago by Dejantopic.
    March 21, 2016 at 2:38 am #600935
    Ismael

    Hi!

    Alright. I can see the issue now. Edit the column where the form resides then disable the animation. Add this in the Quick CSS field:

    #sign-up {
    z-index: 1000;
}

    Add a custom css class to the column, use “custom-column” for example then add this in the Quick CSS field:

    @media only screen and (max-width: 767px) {
.custom-column {
width: 85%;
}
}

    Regards,
    Ismael

    March 21, 2016 at 4:44 pm #601343
    Dejantopic

    Hello Ismael,

    the contact form is showing OK now.

    Can you be more specific how to add css class to the column?

    The contact form is too big when the page is watched on the mobile. What do I have to do that it’s size would be relative of the size of the display?

    Regards,

    Dean

    March 24, 2016 at 4:37 am #602878
    Ismael

    Hey!

    Can you be more specific how to add css class to the column?

    Enable the custom css class then look for the Custom CSS Class field in the column options. http://kriesi.at/documentation/enfold/turn-on-custom-css-field-for-all-alb-elements/

    The contact form is too big when the page is watched on the mobile. What do I have to do that it’s size would be relative of the size of the display?

    Use css media queries to adjust the size of the contact form and its elements on mobile. http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

    Cheers!
    Ismael

    March 29, 2016 at 2:21 pm #604553
    Dejantopic

    Hello Ismael,

    I’m not programmer and I have no idea how to do it. I know I have to use @media screen and (min-width: XXXpx)…, but don’t know how to select the contact form and it’s elements and modify their size. Can you please take a look at our site and write it down, you still have un and pass.

    Regards,

    Dean

    March 29, 2016 at 3:59 pm #604655
    Vinay

    Hi!

    Please check the link in private.

    The below css was added to Enfold > General Styling > Quick CSS

    /* Contact form over slider */
#custom-form {
position: absolute !important;
padding-top:10%;
top: 0;
left: 0;
z-index:99999!important;
}

    Best regards,
    Vinay

    September 18, 2017 at 12:23 am #853182
    kenywell

    I’m making a page like this but I have two problems.
    1.- The form is shown only when I scroll down.
    2.- It doesn’t work fine on mobile.

    I can provide you privately the website direction if you need it. Any idea about those issues?

    September 18, 2017 at 5:10 pm #853503
    kenywell

    Can anyone help me? I don’t understand how the form is only visible when I scroll down.

    September 18, 2017 at 7:25 pm #853547
    kenywell

    Nobody ?

    September 20, 2017 at 5:15 am #854136
    Ismael

    Hi,

    I’m sorry for the late response. What browser are you using? This is what I get on page load when I’m viewing the site on Chrome, Windows 7.

    // https://imgur.com/a/FsOVC

    Best regards,
    Ismael

    September 21, 2017 at 1:35 am #854627
    kenywell

    I was trying to make it work but I didn’t achieve it.

    September 21, 2017 at 1:10 pm #854815
    Ismael

    Hi,

    A contact form in the slider is what you’re after, right? Is “kjesem dot si/” your site? Is the contact form not working?

    Best regards,
    Ismael

  • Author
    Posts
Viewing 25 posts - 1 through 25 (of 25 total)
  • You must be logged in to reply to this topic.