[LaunchPad777]

Thanks Marcy,

Really appreciate you providing so much information....

If I needed to apply this to a single text widget within the main .home-section-1 area, and not to the entire Home Section......

I looked at the code using Firebug and this looks like the right area:
<section id="text-6" class="widget widget_text"> (this shows up on the left)

But under Style on the right I can't seem to isolate the code that needs to be targetted....
What would I need to change?

If I changed the code and added id="text-6" as follows:

.home-section-1 .widget id="text-6"{
float: left;
padding: 0 2.8%;
width: 33.333333333333%;
}

Thanks again...
Regards
Greg

[LaunchPad777]

Hi there,

Anyone have any ideas at all?

Regards
Greg

[LaunchPad777]

Hi there,

Take a look at this screencast to see what I'm trying to achieve:

http://screencast.com/t/EVssxdLdEVNc

Regards

Greg

[LaunchPad777]

Hi there,

Please ignore this....I actually think I got it sorted....thanks

Regards
Greg

[LaunchPad777]

Sorry those links should be:
Nave menu links - < a href="#anchor">Link Text (spaces inserted to break link)

The page destination is – < a name="anchor">

Links not appearing correctly - see examples here:
http://help.typepad.com/anchor-tags.html

[LaunchPad777]

Thank you for your help....I learned a lot.

BTW - I have just read through the codex...

From Sridhar's tutorial the final step is to add this code to the front-page.php file:
Step 3
Add the following in child theme’s functions.php:
/**
* Enqueue scripts for smooth scrolling
*/
add_action( 'wp_enqueue_scripts', 'sk_smooth_scroll' );
function sk_smooth_scroll() {

wp_enqueue_script( 'scrollTo', get_stylesheet_directory_uri() . '/js/jquery.scrollTo.min.js', array( 'jquery' ), '1.4.5-beta', true );
wp_enqueue_script( 'localScroll', get_stylesheet_directory_uri() . '/js/jquery.localScroll.min.js', array( 'scrollTo' ), '1.2.8b', true );
wp_enqueue_script( 'scrollto-init', get_stylesheet_directory_uri() . '/js/scrollto-init.js', array( 'localScroll' ), '', true );
}

Is that what you are referring to in Point 5?

If so, then I have done it....

[LaunchPad777]

Thanks,

Backed up the .php files to computer....

Successfully uploaded the 3 js files via FTP to th js directory.....

However in point 5, you say:
5. Edit your theme’s functions.php using the back-end WP editor to include the changes from the tutorial.

What I'm asking is this - how do you specifically then edit front-page.php?

[LaunchPad777]

Valuable advice indeed...

Before posting this thread I asked Official Support and they pointed me to Sridhar's blog and this Forum...

They suggested this:
Yes, Parallax Pro does have a js directory already. I would recommend adding this to the front-page.php file instead of functions.php since the scrolling will only work on the homepage. This way, you're not loading an extra resource on other pages.

Best,
Jennifer Baumann
Support Manager

I understand what you say about uploading the files now.......but how do you do what you say in Point 5?
Are you saying that you copy the code again and add it at the bottom of the front-page.php in the WP editor?

Really appreciate your help....

[LaunchPad777]

I'm following the directions here:

Smooth scrolling to in-page links in any Genesis theme

Step 1

Copy jquery.scrollTo.min.js and jquery.localScroll.min.js from Agency Pro’s js directory into your active Genesis child theme’s js (create if not existing) directory. If you do not own a copy of Agency Pro, you can download these js files from here and here respectively.

Those two files mentioned above in bold need to be added to the js directory......

If you look at /jquery.scrollTo.min.js you will see that it is a fair bit of code....how do you upload that via FTP?
Should it be first placed inside a folder on my PC?

And then how do you get it into the Child Theme functions.php?

[LaunchPad777]

Thanks..

Using Filezilla....Just went into the Parallax theme and see that there is already a js directory in place...learnt something new...thanks.

Ok if you need to add code to this directory - how do you do it?

Do you just add it via the editor?

How do you locate the directory in the editor?

rgards
Greg

[LaunchPad777]

Hey Davinder,

Ok you got me...

Not familiar with working with php....
I've just trawled around the Internet for more than a hour trying to see how to do this...

Exactly how do you add or create a new js folder in the theme folder....

Thanks
Greg

[LaunchPad777]

Thanks Davinder,

The test site is here http://www.test.gregcooksley.com so that I can see how Parallax Pro works before building the client's website.

I'm busy playing around with the content right now...

What I've discovered is that Parallax Pro doesn't have smooth scrolling already built into the theme.
My client wants the effect when a Nav menu item is clicked, that it scrolls smoothly to that section of the page...

I see that this is discussed here:

Smooth scrolling to in-page links in any Genesis theme

The question is where do you create the required js directory in Parallax Pro?

Regards
Greg

[LaunchPad777]

Hi there,

Anyone out there?
Kinda stuck here.....any ideas or recommendations?

Regards

Greg

[LaunchPad777]

Thanks Davinder,

I've been working on WordPress for a whil so have someknowledge and know how to apply code changes in the editor etc

I've never worked on a parallax site so it's a bit daunting....particularly as the client emloyed a designer to comeup with the design and they want it to look exactly like the design....

Regards
Greg

[Author]

Posts