Different background for responsive matter

Questions related to the Responsive Web Design tools of WYSIWYG Web Builder.
Forum rules
PLEASE READ THE FORUM RULES BEFORE YOU POST:
viewtopic.php?f=12&t=1901

MUST READ:
http://www.wysiwygwebbuilder.com/respon ... esign.html
Please read this first before posting any questions! Also check out the example project to get an idea how the RWD concept works.

Responsive Web Design FAQ:
http://wysiwygwebbuilder.com/forum/view ... 10&t=63817
Post Reply
makros
 
 
Posts: 64
Joined: Tue Mar 09, 2021 2:31 am

Different background for responsive matter

Post by makros »

I have set up a background image and it is fine for the desktop view but a little bit big size for the smaller device.

Is there any way I can set up different image backgrounds for that reason and how?

Thanks for the guide.
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Different background for responsive matter

Post by Pablo »

For most objects, you can set a different background in breakpoints.
makros
 
 
Posts: 64
Joined: Tue Mar 09, 2021 2:31 am

Re: Different background for responsive matter

Post by makros »

Pablo wrote: Sat Mar 13, 2021 6:25 pm For most objects, you can set a different background in breakpoints.
How about the image itself?
I put an image into a layout grid for in the default view and then switched to the breakpoint clicked on the image to select a different image but did not work.

Is that the way should it work?
or do I have to first hide it from the object manager to be able to put the new image?

I believe I should be able to do it without hiding it from the object manager.

Thanks for any comment.
User avatar
crispy68
 
 
Posts: 2737
Joined: Thu Oct 23, 2014 12:43 am
Location: Acworth, GA
Contact:

Re: Different background for responsive matter

Post by crispy68 »

Pablo was referring to you can have different backgrounds for the layout grid in breakpoints. This is done in the layout grid properties thru the style tab.

However, if you are simply inserting an image into a layout grid, you would have to hide it in the breakpoint and show another image in the breakpoint. Inserting an image into the grid is not the same as the background of the grid.
User avatar
Pablo
 
Posts: 21572
Joined: Sun Mar 28, 2004 12:00 pm
Location: Europe
Contact:

Re: Different background for responsive matter

Post by Pablo »

How about the image itself?
A standard HTML 'Image' does not support different files in breakpoints.
However, it is possible with the picture object
https://wysiwygwebbuilder.com/picture.html
makros
 
 
Posts: 64
Joined: Tue Mar 09, 2021 2:31 am

Re: Different background for responsive matter

Post by makros »

Thanks pablo and crispy68 for sharing great information!!

Now I understood How to change image and background for different breakpoints as well as for default size screen.

Thanks again
Post Reply