How do I build the site?

Hi,

To setup the homepage, all you would need to do is add a widget to any of the “Home” widget areas. You can use a Text widget to start with. Just drag the Text widget over and add a title and some content so you can see how it works. Also, there is a basic tutorial that explains how to setup Genesis Themes with Custom Homepages (like this theme) here in the Tutorials link in the menu – https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/

@Ridwan yep as scooby mentioned, all you would need to do is drag a Text widget over in one of the widget areas and you can then add your text or HTML code. Remember you can also add a slider or any type of widget you want inside any of those areas (you’re not limited to just text and html).

If there is a specific part of the homepage that you’re trying to replicate just let me know and I’ll copy/paste the exact text/code they used to create it.

If you’re new to Genesis, most Genesis Child themes will show the blog on the homepage by default, and if you add a widget or some content into one of the Home widget areas, then the Homepage template (as seen in the demo) will automatically be activated and the blog will be removed from the homepage…..you can still access the blog by creating a separate Blog page as mentioned in the Tutorial link – https://appfinite.com/tutorials/how-to-setup-the-home-and-blog-page/

Give me a sec, I need to step out for a sec, but as soon as I get back I will find the plugin that allows you to import everything without having to manually add it all in. Once you do that then you’ll see how everything was setup.

@Ridwan here ya go 🙂 – https://appfinite.com/topic/how-to-setup-homepage-shortcut/ It was supposed to be at the top before of the inSync forum a long time ago, but I just needed to make it a Sticky Post so it shows up and is easy to access.

I believe that is the same plugin they’re referring to. I’ve used this for my other theme Epik which has a lot of widget areas as well. That should be all that you need to replicate the homepage on the demo. For everything else, you can use the XML file.

Everything is pretty straight forward. Only use the widget areas that you want to show on your homepage. You can use text, images, html, plugins, etc.

BTW, I just took a look at your site and I can see you’ve added content to the “Slider-Wide” widget area which has a blank background since the purpose of it is to add something that is full width and doesn’t require a background. If you want to replicate the background image on the demo, then you should use the “Slider” widget location instead. If you want to upload your own background image to the Slider area just let me know and we can show you the exact line in your css that you can add your image link.

Just let any of us know if you have any questions.

@Ridwan are you asking how to add “Home” as a link in your menu like the demo? – http://demo.appfinite.net/insync/ If so, you can head over to the Menu Page in your WP Admin, look under the “Pages” section (where you add your links)….then click the “View All” tab. Once you do that, the “Home” link will show up at the very top by default. Add that link and it will show up in front of your other links (just like it’s displayed in the demo).

For the menu position/spacing – Yes you can push it over to the left by reducing the padding on the left side of each of the links in the menu. There is 16px padding on the left and right side of each link, so in order to move it all the way over and maintain the same space, look and feel, we’ll need to double the space on the right side to 32px and change the left padding to 0. Here is what it currently looks like on line 1771 –

.nav-primary .genesis-nav-menu a {
	border-bottom: 2px solid #333;
	color: #fff;
	padding: 10px 16px;
}

You can change the padding to the code below and it will adjust automatically in the way that you need –

.nav-primary .genesis-nav-menu a {
	border-bottom: 2px solid #333;
	color: #fff;
	padding: 10px 32px 10px 0;
}

Your menu is already aligned with the Logo, but there is padding in between each of the links which makes it appear as if it’s pushed over a little bit. The code above reduces the “left padding” to 0 which means your links will visually show up aligned with your logo.

Let me know if that works.

Hi all,
I see the thread about uploading your own background image in the Slider area for inSYNC that references doing so in css, but there is no follow-up. Can someone provide this css info. This is not the background image option in Customizer, its different and I’m having trouble locating the line. Here’s the thread I found from some time ago:

“If you want to replicate the background image on the demo, then you use the “Slider” widget location. If you want to upload your own background image to the Slider area just let me know and we can show you the exact line in your css that you can add your image link.”

Thank you,