fullscreen graphic image

User 53728 Photo


Registered User
96 posts

Using RSD in the configuration of the design background, how do I configure a full screen graphic image ( i.e. img2.png file).

To view a copy of the site, go to the following URL link at http://cfored.coffeecup.com/index.html
User 10077 Photo


Senior Advisor
1,096 posts
Online Now

Make sure the image you want to use is in the project Resources
Select the Grid and go to properties
Go to background
Change Image to Resource and select the image you want to use
Change the Size setting to cover
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 53728 Photo


Registered User
96 posts

yes, the image was already posted in the Resources folder
User 187934 Photo


Senior Advisor
20,239 posts

Apply it to the grid.
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 53728 Photo


Registered User
96 posts

View the attached screen shot on the RSD background configuration
Attachments:
User 53728 Photo


Registered User
96 posts

Let me explain, here is an explanation of a full screen image background:

http://stradegyadvertising.com/css-crea … und-image/

Here are examples of websites with a full screen image background:
https://stratoscard.com/#all-in-one
https://pagely.com/

Here is an attached screen shot of the RSD configuration layout with the background settings for full screen image.


Why don't I see a full screen image background?
http://cfored.coffeecup.com/

Attachments:
User 187934 Photo


Senior Advisor
20,239 posts

Select your grid and apply the background image to that.
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 10077 Photo


Senior Advisor
1,096 posts
Online Now

I looked at your screenshot. Here's the problem. You have an image selected and not the grid.

http://uscni.biz/coffeecup/cc_backgroundcover.jpg

The background image must be applied to the grid. Here's how:

Select the Grid and go to properties
Change Apply to: Type
Go to background section
Change Image to: Resource
Select the image you want to use from your resources
Change the Size setting to: Cover
ASK ME ANYTHING
I provide personalized help for Coffeecup Users including personal or group training for Site Designer, Web Form Builder and more via Zoom.
Email me at support@uscni.org or call 865-687-7698.

Did you know that Web Form Builder can be used for both simple and complicated forms and that it's not limited to the default fonts and buttons? Take a look at a form we developed for WindowTinting.com.
https://forms.windowtinting.com/forms/w … ppingcart/
User 53728 Photo


Registered User
96 posts

Brian,

I got it, thanks!
User 53728 Photo


Registered User
96 posts

Brian,

I made an attempt to follow your instructions

I'm unable to change the selected container: Type to the Grid selection, i.e., RSD => Designer => Element => Type => Grid

View attached screen shot images.
Attachments:

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.