Full Screen Slider

User 458539 Photo


Registered User
1,129 posts

Been reading up on this but having an issue

http://gulfcoastconversions.com/new-home.html

Would like it to be full screen - just experimenting right now - But I can't get it to go past 1600 (size of photo)

width - auto, height - auto, Max-width - none. Al the same settings for all 4 levels - picture link - slide- slideshow - slideshow container.

Thanks

Byron

User 2844004 Photo


Registered User
191 posts

Do you mind sharing your rcs file? Let's see if we can fix this for you ...

– Richard
Ontwerpzaam | Papendrecht, The Netherlands
27" iMac i5 3.1GHz / 32GB RAM / 4TB SSHD / 1GB VRAM - macOS 10.12.6 Sierra
Switched from Softpress' Freeway to Coffeecup Responsive Design software
User 2147646 Photo


Registered User
215 posts

Set the left and right margin & padding on the row, column and html element to 0, even if it looks like nothing has been set yet. The body already seems to have its margins cleared as the footer is full width. If that doesn't work it is something in your RCS project.

User 187934 Photo


Senior Advisor
18,063 posts

You need to set a width of 100% on your images inside your slider.
Add this to your style sheet.
#cc-slideshow-4ff7e6db img {
width: 100%;
}

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/
User 458539 Photo


Registered User
1,129 posts

Thanks - will try

Byron
User 2699991 Photo


Registered User
1,701 posts
Online Now

Byron Tipping wrote:
Been reading up on this but having an issue

http://gulfcoastconversions.com/new-home.html

Would like it to be full screen - just experimenting right now - But I can't get it to go past 1600 (size of photo)

width - auto, height - auto, Max-width - none. Al the same settings for all 4 levels - picture link - slide- slideshow - slideshow container.

Thanks

Byron

I think if your image is 1600px then thats the maximum width that will be displayed,regardless of what widths you set
the way I do it in this situation is to put the image in as a background image in the slide, set it as "cover" "no repeat" centered (or whatever you desire) get rid of all padding on the slide & the slide-show.
doing it this way gives it full width, but you have to specify the height of the slide to whatever height your image is, or again whatever height you desire at each breakpoint.

Wayan
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 2699991 Photo


Registered User
1,701 posts
Online Now

OOOPS just seen that it's a picture link

In that case a little bit more work involved

what you need to do in that case is make a transparent image the same size as your main image,, once you have put your main image in as a background image,, then you insert an image link to the slide as normal set the widths etc to 100% the height same as background image & get rid of the padding,,
You can then put your href link in to the link image as normal,, and add other stuff (other images. containers text paragraphs etc) as required.
Sound complicated but isn't too much (can make a demo video if you get too stuck)
Unless of course Eric's way works,, or someone else comes up with another way then forget all I have said
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 2699991 Photo


Registered User
1,701 posts
Online Now

Wayan Jaya wrote:
OOOPS just seen that it's a picture link

In that case a little bit more work involved

what you need to do in that case is make a transparent image the same size as your main image,, once you have put your main image in as a background image,, then you insert an image link to the slide as normal set the widths etc to 100% the height same as background image & get rid of the padding,,
You can then put your href link in to the link image as normal,, and add other stuff (other images. containers text paragraphs etc) as required.
Sound complicated but isn't too much (can make a demo video if you get too stuck)
Unless of course Eric's way works,, or someone else comes up with another way then forget all I have said


OOOPS OOOOPS forgot to mention that whenever you add anything else to the slide (image/paragraph header etc,, you need adjust the "picture link image margin so that it goes back to the top (use inspector to see when it is there,, otherwise it gets pushed down and only part of the overall slder thing is a link
The Sky Is A big Empty Space : But There Is No Room For Error
website https://rsdtutorials.com
User 2844004 Photo


Registered User
191 posts

FOUND IT

You should set the width of the image (!) to 100%, NOT auto! When I do this, your image will change to full width.

– Richard
Ontwerpzaam | Papendrecht, The Netherlands
27" iMac i5 3.1GHz / 32GB RAM / 4TB SSHD / 1GB VRAM - macOS 10.12.6 Sierra
Switched from Softpress' Freeway to Coffeecup Responsive Design software
User 187934 Photo


Senior Advisor
18,063 posts

Echo ;)
Eric Rohloff wrote:
You need to set a width of 100% on your images inside your slider.
Add this to your style sheet.
#cc-slideshow-4ff7e6db img {
width: 100%;
}


rvanheukelum wrote:
FOUND IT

You should set the width of the image (!) to 100%, NOT auto! When I do this, your image will change to full width.

– Richard

I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com
http://ericrohloff.com/property/

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.