Full Screen Slider

User 458539 Photo


Registered User
1,625 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
225 posts

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

– Richard
Living in Zevenbergen, the Netherlands
13" MacBook Air M1 + 2x LG 24" IPS QHD / 8GB RAM / 500GB SSD / macOS 14.3 Sonoma
User 2147646 Photo


Registered User
233 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
20,239 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.

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 personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 458539 Photo


Registered User
1,625 posts

Thanks - will try

Byron
User 2699991 Photo


Registered User
5,077 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
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 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
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2699991 Photo


Registered User
5,077 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
Mastering The Understanding With Hands-On Learning
NEW TO "COFFEECUP SITE DESIGNER" FOUNDATION 6 FRAMEWORK?
STUCK ON SOMETHING?

LEARNING & UNDERSTANDING "THE HOW TO"? THE WHY'S & THE WHEREFORE'S?
WITH WAYAN'S STEP BY STEP TUTORIALS
Contact Me For One To One Assistance
https://mawarputih.coffeecup.com/forms/contact-wayan/

A simple quick way to contact me
https://rsd-tutorialscom.coffeecup.com/ … l-details/
User 2844004 Photo


Registered User
225 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
Living in Zevenbergen, the Netherlands
13" MacBook Air M1 + 2x LG 24" IPS QHD / 8GB RAM / 500GB SSD / macOS 14.3 Sonoma
User 187934 Photo


Senior Advisor
20,239 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.

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 personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com

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.