Your cart is currently empty!
Homepage › Community Forums › inSync Theme Support › Setup Instructions?
Tagged: setup
Well, I guess since there are no posts in this forum that I’m the first to buy it? Lol! Love this theme Wes. Great job. Any configuration instructions available anywhere?
Dan
Haha, well you’re not the first to buy it, but you are the first to post in the forum. I’m just now realizing there were no posts here lol.
I’ll be working on tutorials for it today/tomorrow. It pretty much works the same as any other theme here, basically just add widgets in the widget areas that you want to show for the homepage. Setting up the portfolio can be found in the General tutorials area in the menu – https://appfinite.com/tutorials/ …..You can add a slider if you want, this is also in the tutorials page. I’ll have the specific code I used to add the text/images/icons etc soon. If you want to add the sample content from the demo, you can upload the XML file located in your theme folder.
Once I get those instructions ready I’ll try and remember to post here in this thread. Until then if you have any questions about anything just let me know.
Thanks for your quick reply.
Question 1; Configuration of Full Width Slider
You should be able to just drop a slider in the widget area. Just make sure whichever slider you use works in full width areas.
I tried dropping the Genesis Responsive Slider but that doesn’t work. Doesn’t give me full width
Here’s the URL I’m working with http://filmmakersvillage.com/ucc/
Take a look around line 1076 in your css and add max-width: 100%;
–
.slider-wide .wrap {
color: #fff;
margin: 0 auto;
max-width: 100%;
padding: 200px 0;
text-align: center;
width: 100%;
}
Then add width: 100%;
to .flexslider .slides img
This code actually comes from the Genesis Slider Plugin’s css, so you’ll need to add it to the style.css file to override it like this –
.flexslider .slides img {
width: 100% !important;
}
Hey Wes, just getting ready to try this out. My question as a follow on is if on your the theme demo for inSynch you’re not using a slider – or so it appears. Is that true?
No I’m not using a slider in the demo, but I am using the slider area.
So you’re just using the background image and the slider area is where you’ve coded the text and the button. I think I like that as an option to the slider. If I use the slider what size should the images be for best quality. Also, the code you sent will it affect the full width and regular slider widget?
Okay, added the code and got the full width no problem. But, there’s a huge whitespace at the top. I’s this part of the design?
http://filmmakersvillage.com/ucc/
Yes thats the padding, an example is shown in the demo (the space between the top of the slider and the bottom of the slider surrounding the text). This assumes you’d have a background image behind it, although it’s not required if you don’t need it.
To remove or adjust the padding/space look around line 1076 in your css –
.slider-wide .wrap {
color: #fff;
margin: 0 auto;
max-width: 100%;
padding: 200px 0;
text-align: center;
width: 100%;
}
Hi there!
Is there a complete filled insync template? So i can change or delete the blocks we don’t need? 馃檪
I’d love to get the setup instructions as well.
Thanks in advance, Allegra
@Ron, for the first time I found a plugin that will let me export the widget data that you see on the homepage demo and it will allow you to import it to your own site. Genesis themes usually have an XML file included in the theme that allows you to upload basic demo content like Posts, Pages, etc, but it doesn’t upload widget data. Hopefully this plugin I have will give us that option. I’ll be testing it soon and if it works I’ll be including it with all of my themes….especially for themes like Epik which really needs it.
I’d like to set the background image for the site pages and have a different background image behind the text and button on the homepage in the slider area.
How did you set the background image for in the homepage slider area?
Take a look in your css file around line 1168 (default) and you can add the link to your image –
/* Slider
--------------------------------------------- */
.slider {
background-attachment: fixed;
background-image: url(images/slider-bg.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
clear: both;
}
Thank you, Wes!
You’re Welcome!