Combining features

Support Area Forums Elite Combining features

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
URL to the page in question: http://
  • Author
    Posts
  • #20771
    James Amedeo
    Participant

    Hi Bill,

    I currently own both the Elite and Moonrise templates. Is there any way to use the parallax scrolling feature on the Moonrise homepage as a secondary page using Elite?

    Appreciate all your help,

    James

    #20775
    Bill Robbins
    Moderator

    Good Morning James,

    Interesting question there. You can do that. You’ll need to create another page using the Home Page Template. In order to use different widgets on this home page, you’ll also need to use a plugin called Content Aware Sidebars http://wordpress.org/plugins/content-aware-sidebars/ which will let you create new widget areas that replace existing ones. You can use that plugin to create new widget sections that will appear instead of Home 1, Home 2, Home 3 and so on with this new page that you’ve created. That should take care of the content for you.

    While you’re editing your new page, look in the navigation bar for the URL. In it you’ll see something like “/post.php?post=6&action=edit”. What we need from this is the post=6 which lets us know this has an ID of 6.

    Now for the parallax images. Here’s what you’ll want to do for each scrolling image block.

    1. Go to the Media section in your WordPress dashboard and choose Add New.
    2. Upload the image you’d like to use and click the edit link once the upload is completed. On the screen that opens up, look for the file URL on the right hand side. We’ll need that in a minute.
    3. Next create a new page for your block image. Look for the main content box on this screen and click the tab in the top right that says “Text.”
    4. Next in the content area of this page, add this:
      
      .page-id-6 #home-one {
      	background-image: url(https://yoursite.com/image.jpg);
      	background-size: cover;
      	background-attachment: fixed;
      	background-position: center center;
      	height: 600px;
      }
      
    5. Replace the 6 in the .page-id-6 with the ID of your new page with the scrolling sections. Not the one for this block, but the overall page. Then replace the http://yoursite.com/image.jpg with the URL to your block image. Lastly replace the #home-one with the block where you’ll be placing this image. They are numbered sequentially on the home page; one through ten.
    6. Publish your page.
    7. Now go to the widget section and add a Home Block — Page Content widget to the section where you want to have this image appear.

    That should do it. It’s a lot of steps I know, but that should get you there. If you have any trouble, let me know.

    Have a great week,
    Bill

    #20800
    Bill Robbins
    Moderator

    Good follow up question James. If you do move the site to a different URL, then you will need to change the image URL’s to match the new domain. That way you don’t have to keep them available on your current staging site after you’re finished.

Viewing 3 posts - 1 through 3 (of 3 total)
  • The topic ‘Combining features’ is closed to new replies.