Setup Instructions?

Tagged: setup

This topic has 18 replies, 5 voices, and was last updated 9 years, 10 months ago by Wes.

Viewing 19 posts - 1 through 19 (of 19 total)

Author

Posts
April 18, 2014 at 11:35 am #11794
futurewebboss
Customer
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
April 18, 2014 at 11:47 am #11795
Wes
Moderator
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.
April 18, 2014 at 11:49 am #11796
futurewebboss
Customer
Thanks for your quick reply.
Question 1; Configuration of Full Width Slider
April 18, 2014 at 11:54 am #11797
Wes
Moderator
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.
April 18, 2014 at 11:56 am #11800
futurewebboss
Customer
I tried dropping the Genesis Responsive Slider but that doesn’t work. Doesn’t give me full width
April 18, 2014 at 11:57 am #11804
futurewebboss
Customer
Here’s the URL I’m working with http://filmmakersvillage.com/ucc/
April 18, 2014 at 12:07 pm #11805
Wes
Moderator
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;
}
```
April 18, 2014 at 8:18 pm #11815
futurewebboss
Customer
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?
April 18, 2014 at 8:29 pm #11816
Wes
Moderator
No I’m not using a slider in the demo, but I am using the slider area.
April 18, 2014 at 8:33 pm #11817
futurewebboss
Customer
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?
April 18, 2014 at 8:58 pm #11818
futurewebboss
Customer
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/
April 18, 2014 at 11:09 pm #11819
Wes
Moderator
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%;
}
```
April 22, 2014 at 4:25 pm #11846
Ron
Customer
Hi there!

Is there a complete filled insync template? So i can change or delete the blocks we don’t need? 🙂
May 13, 2014 at 2:01 am #12257
onlinesimple
Customer
I’d love to get the setup instructions as well.

Thanks in advance, Allegra
May 13, 2014 at 6:52 pm #12265
Wes
Moderator
@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.
May 25, 2014 at 6:03 pm #12424
heathelin
Customer
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?
May 25, 2014 at 11:44 pm #12437
Wes
Moderator
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;
}
```
May 31, 2014 at 9:11 am #12524
heathelin
Customer
Thank you, Wes!
June 1, 2014 at 12:00 pm #12532
Wes
Moderator
You’re Welcome!
Author

Posts

Viewing 19 posts - 1 through 19 (of 19 total)

The topic ‘Setup Instructions?’ is closed to new replies.