Before you ask please READ THIS

Prallax Slider as landing page with content

in PhotoProof Posts: 6
Hello,
I want to create a landing page with your parallax slider. The site should have content under the slider. I got it now with the shortcode [a13fe-scroller id="8451" autoplay="3" window_high="1" texts="0" parallax="1"] However, it destroys the slider when I click on a picture.

Can I fix the error somehow? Or is there another way to do it?

Comments

  • AirAir
    Posts: 10,970
    Hello maho!

    Could you show me link to your site so I could better understand what you mean by "destroying slider"?

    With kind regards.
  • Posts: 6
    Hello and thx for help.

    the link https://novski-fotografie.de/new-home/
  • AirAir
    Posts: 10,970
    Hey :-)

    Everything works fine. Click opens photo for view. With clicking again it reverts. You can still scroll scroller when photo is opened.

    See our demo http://rifetheme.com/photoproof/ :-)

    If you would like to disable it, then currently there is no option to disable opening. However maybe you have idea how you would like to enhance it so it would be more clear that nothing is destroyed?

    With kind regards.
  • Posts: 6
    On homepage it worked fine, but when I use shortcode on the link that I send you, it don't work. Between the photos are now large white areas. I use a desktop PC. By my colleague on mac is very slow but it works.
    screen.PNG
    1897 x 899 - 208K
  • AirAir
    Posts: 10,970
    Hey!
    I can recreate issue on your site when I view it on Chrome browser, but I can not do it on my installation.

    I see you have older version of theme. Could you try to update it to newest version http://rifetheme.com/apollo13-framework/docs/installation-updating/updating-theme/

    I am not sure it will fix issue, but then one possibility will be ruled out.

    With kind regards.
  • edited March 2018 Posts: 6
    I have changed the demo now. Even after the update it did not work properly. Now I have another question. On the parallax slider is a green button with the text "Click here to scroll page below". Where can I set text and color. I can not find it in the documentation or the settings.
    And then another question. On the mobile device the slider is showing complete text. http://rifetheme.com/photoproof/about-ii/ Can I show only one sentence on mobile?

    Sorry for so much questions :)
    Post edited by maho on
  • AirAir
    Posts: 10,970
    Hey:-)
    maho said: Where can I set text and color. I can not find it in the documentation or the settings.
    You can't by any settings. This is pretty new thing, that we added just for scroller, cause some folks couldn't get below scroller when using mouse wheel.
    In case of text you can edit it in translation http://rifetheme.com/apollo13-framework/docs/translations/translating-theme/ if you really need to. We tried to make this button not disturbing too much, and it only shows if user was not scrolling scroller for 5 seconds at least.

    As for color, you can use this custom CSS:
    .scroll-below {
        color: #fff;
        background-color: #20C063;
    }
    maho said: And then another question. On the mobile device the slider is showing complete text. http://rifetheme.com/photoproof/about-ii/ Can I show only one sentence on mobile?
    What you mean by slider? This big image at top? I don't think you will be able to hide rest of text easily in WPBakery, but I will ask Daniel to take a look at your case. But please explain do you mean this image or something else:-)

    With kind regards.
  • Posts: 422
    Hello Maho

    Yes, you must explain it better like Air wrote :)

    With Regards
    Daniel
    Lead Graphic Designer
  • Posts: 6
    Sorry for my choice of words. It's right, I mean the header image. on the picture is the text that appears one after the other on the desktop. Everything is displayed at once in Mobile View. For example, your demo will show Roxy twice. I wanted to know if you can not only show the last sentence in the mobile.

    And sorry for my bad english XD
  • AirAir
    Posts: 10,970
    OK, now I know what you mean. If you like you can re-enable writing effect for mobiles in http://rifetheme.com/apollo13-framework/docs/customizing-the-theme/miscellaneous-settings/

    Other choice would be to use custom CSS to hide other sentences:
    .a13-to-type.disabled-writing .sentences-to-type span:first-child {
        display: block;
    }
    .a13-to-type.disabled-writing .sentences-to-type span {
        display: none;
    }
    With kind regards.
  • Posts: 6
    You are great. thank you very much. :smiley:
Sign In or Register to comment.

Howdy, Stranger!

It looks like you're new here. If you want to get involved, click one of these buttons!