Hello,
I am looking to change the big Nike slider on my front page.
Are there any instructions for this?
Thank you

John

Hi John
There should be a PDF file in the root of the download you received originally with instructions for this. Can you have a look in there first and if you still have questions, let us know.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Thanks Vince
On page 5 of the pdf it states:
You are free to lay out the home page as you like, the main image could be
replaced by an image slider for example. If you want to keep the default
layout, here are some suggested image sizes:
Main image: 995px × 523px
Row of three images: 306px × 380px 306px × 380px 306px × 379px
Next two images: 216px × 209px 283px x 209px
Testimonial faces: 100px x 100px

It looks like there is a slider there at the moment.
Line 86 to 103
Could I delete this?

Thanks
John

Hi John
Sure, you can delete whatever you want as it’s your website. But you will have to replace the content with something else.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

At this stage of learning I do not wish to cause problems, hence my caution.
Thanks for your advice.

Regards
John

Hi John

A quick question, do you have ECT websites that are on both asp and php? The reason I ask is if you only have a php based website then you are best just posting in the php forum - https://www.ecommercetemplates.com/support/forum.asp?FORUM_ID=4 to make sure that any replies you get are relevant to the version of software that you are using.

Steve
Egerton Village, Bolton, UK

Thanks Steve,
My mistake I thought I had posted to the php forum.
Should have looked!

Regards

John

I have the sliders on my home page, but on larger screens there is a huge white space on each side of the slider box. I suppose I could have the slider Container adapt to the 100% width(?) but I don't believe that would solve the issue of the empty space to the left and right of the slider images, as they are limited to approx 1140px. Any suggestions oh how I can fill these large empty spaces? (www.usafleetsupply.com)

Hi 1234
It seems your content is set to display at the browser width without limit but the slider is limited as otherwise you could end up with huge images of course. But why not limit the width of the content as it can be a bit much on wider screens. For instance if you change the .mainWrapper entry in css/style.css around line 54...

.mainWrapper {
margin: 0px auto;
padding: 0px;
max-width: 1140px;
}

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Vince,

I made the change (below) to my style.css file but it made my entire site 1140px, which is quite small on alot of screens. I want the site to adapt to any users screen with as little limitations as possible. It is just the limited width of the slider that is creating the wide open space on each side of the home page. (not sure what else to try here)

.mainWrapper { margin:0px; padding:0px;}

to:

.mainWrapper { margin:0px; padding:0px; max-width: 1140px;}

Hi 1234
It's up to you of course but if the image is allowed to grow to the maximum width then it's height will also be proportional and it will start to get a bit much. But, if you want to change it then you would probably want to change the "Up to 50% off, Free Shipping, etc" bar below which seems to be inline in the head section where you have...

.services_row { padding:15px 0; text-align:center;background:#F2F2F4;max-width:1140px;margin:0 auto;border-bottom:1px solid #ccc;}

Just remove the max-width for that. And for the slider, in your cs/style.css file around line 63 remove the max-width there for .bannerWrapper

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Vince,

Thank you very much! I have been meaning to do that for a long time now. I set the max-width of the slider container to 85%. 100% was a bit much as you suggested. At least I know that I can tweak the container size and the slider image sizes as needed however. Surprisingly at 85% the slider images don't look distorted, although I believe that I will go through each one now and make them a bit shorter in size, vertically.

Hi 1234
One small thing, by setting the max-width to 85% you've also set it to 85% on mobile and at that screen resolution you probably want to have the slider the full width of the screen. What I would do is set a breakpoint for small screen sizes to set the max-width:none and at the same time I would remove the padding for the top navigation menu at those small screen resolutions.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater

Vince,

Thanks for the suggestion. There are currently screen size breakpoints in my style.css file (staring at line 185). There are different max-widths already set for each different screen size.

The line below looks like a breakpoint for mobile phones. Do I change the max-width: 500px to max-width:none here?

Line 229 reads:
/*This is the fifth breakpoint and contains styles for screens 500px to 360px*/
@media screen and (max-width: 500px) {

Hi 1234

quote:

---

The line below looks like a breakpoint for mobile phones. Do I change the max-width: 500px to max-width:none here?

---

That looks like the one to me.

Vince

Click Here for Shopping Cart Software
Click Here to sign up for our newsletter
Click Here for the latest updater