Build Your Own Business Website header image

Welcome to our Members Only Forum

You are welcome to view the content on our Forum, just scroll down to view this forum post.
If you like what you find and want to be able to post a question, please check out our subscription options.
Please feel free to search the forum using either the Google Site Search above or the forum search below.

Avatar
Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

sp_Feed sp_TopicIcon
Converting WP Website using Genesis
Avatar
Geoff Trebilco
Noosaville Queensland Australia
Member
Community Member

Members
Forum Posts: 27
Member Since:
August 19, 2013
sp_UserOfflineSmall Offline
1
July 31, 2018 - 9:15 pm
sp_Permalink sp_Print

Hello All,

Been a long time since I have been here.

My client has a website that appears to have been built and maintained in a Multi Site environment and uses a custom theme with a lot of custom code and tools that my client does not own or wants to own. She had me migrate to my hosting service and now wants me to do some major changes.

After much hair pulling I think the best bet is for me to use Genesis and basically redo the site. I have so far chosen the Wellness child theme primarily because the layout appeared to be similar.  But there are many features that I am having difficulty in emulating.

I have setup two instances of the site - http://www.fsii.noosacolour.com for the original structure and http://www.testfsii.noosacolour.com for the work area where I have installed Genesis and the child them, and where I am attempting to emulate the original using Genesis themes.

One feature in particular has me stumped on the home page and other pages and that is on a full wide screen the text appears to the left and the image to the right and appear to slide into the page to meet just left of centre. On a reduced width screen the text part appears under the image.

For some of the other features I think I may use the Smart Slider plugin.

Any suggestions or advice would be greatly appreciated.

Regards

Geoff

Avatar
Rick Anderson
Desert Hot Springs, CA
Admin
Forum Posts: 13637
Member Since:
November 8, 2009
sp_UserOfflineSmall Offline
2
August 1, 2018 - 11:21 am
sp_Permalink sp_Print

Geoff - You need to create a front-page template that allows you to have full width content.  The template you are using only gives you page width content.

Once you have that you need custom JavaScript and custom CSS to create that effect.  I haven't looked exactly how they do it but when I've done that I have:

  1. Used JavaScript that triggers on scroll position to add a class to each of those sliding elements
  2. Used CSS to initially hide the sliding elements and position them off the page
  3. Once the new class is added to the elements the CSS gives a new visibility and position to the elements and then assigns a transition animation to make it happen gradually.

If you can get the template so that it allows them to sit side by side on a full screen I can suggest some JavaScript and CSS for you.

It may be easier for you to simply find a theme that already has that type of functionality.

Forum Timezone: America/Los_Angeles

Most Users Ever Online: 228

Currently Online:
9 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

Keith W Jones: 1444

Brian Tozer: 1004

Carolin: 984

Heidi Hafner: 509

John Cunningham: 423

Reece Morrel: 353

Newest Members:

saamkrish

volminFL

soundpilot

digitalaerolus

emma62755

sharonmarks

Forum Stats:

Groups: 8

Forums: 46

Topics: 7004

Posts: 34849

 

Member Stats:

Guest Posters: 6

Members: 6765

Moderators: 2

Admins: 2

Administrators: Rick Anderson, Rick Anderson

Moderators: Pierre Cote, Laura Nugent