Okay
  Public Ticket #175132
Follow Up On Creating Separate Parallax Page
Closed

Comments

  • Hank started the conversation
    Hey, this is a follow up from the themeforest comments, as I was told to open a support ticket in order to find out more in detail on how to create another parallax page that was separate from the main one. Thanks.
  •  1,823
    Support replied

    Hello Yank,

    You can create an external page and add the following html code:

    <div style="background-image: url(&quot;http://clapat.ro/themes/newave-wp/wp-content/uploads/2014/01/separator1-1024x546.jpg"); background-position: 50% 167px;" class="parallax">



    <div class="parallax-overlay">
    <div class="container ">

    Content goes here

    </div>
    </div>

    </div>

    Of course change the url of the background image as you wish.

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Hank replied

    I have tried this code, but it only displays a grey box, I have replaced the link with my own picture as well, but also continues to only show a grey box.

  • Hank replied

    This is an example of what I wanted to do.

  •  1,823
    Support replied

    [project_section color="white-background" container="normal"]

    Content Goes here

    [/project_section]

     

     

    <div class="parallax" style="background-image: url(' http://clapat.ro/themes/newave-wp/wp-content/uploads/2014/01/separator2-1024x546.jpg ');">

    <div class="container">

    Content Goes Here

    </div>

    </div>

     

     

    [project_section color="white-background" container="normal"]

    Content Goes here

    [/project_section]

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  •  1,823
    Support replied

    Hi,

    In the comment above you can find the content we modified and tested.

    In the page options make sure you set 'Container Type' to 'Full'

    Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Hank replied

    Thanks alot! Great Support!

  • Nicole replied

    Hi there,

    I cannot find the page options that gives you the option to set 'container type' to 'full'.

    How can I find this?

    Thanks in advance!

  • Hank replied

    Hey Nicole, if you create a new page and scroll down to the bottom, there should be section called default section options which has background setting and container type, change the container type to full. If you do not see this make sure that the template for the page is on default template. 

  • Nicole replied

    Hi there,

    No section exists on my page.

    Attached is all I can see.

    Any ideas?

  • Hank replied

    Ahhh this problem, you see the screen options tab? Click on it and check default section options.

  •  1,823
    Support replied

    Hi,

    Yes, like Hank suggested, go to Screen Options at the top right corner of the WP dashboard, check 'Page Options' and they will appaear. thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Hank replied

    By the way, is there a way to make it like the homepage where you click on "what we do" button and it scrolls to a specific section? Using the code that you have provided. Thanks.

  •  1,823
    Support replied

    You have the Newave theme or the Eleven theme? Thanks

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy

  • Hank replied

    Sorry ignore the previous question, as I have found out how to do it. Thanks.

  •  1,823
    Support replied

    Ok.

    Thank you.

    Clapat Support

    https://www.clapat.com/

    Review Envato Item Support Policy