
***SOLVED***Image Padding in Floating Wraparound Boxes
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
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
-
-
- Posts: 109
- Joined: Mon Nov 18, 2024 7:58 pm
- Location: United States - Wisconsin
***SOLVED***Image Padding in Floating Wraparound Boxes
I'm creating "floating" wraparound boxes for my flexible webpage format. I was looking for documentation for how the padding can be tweaked for the embedded object and text within the wrap-text box. Because I have a fair amount of caption content for each of my photos, that this will better than using a Lightbox Gallery. Currently, when I embed a photo, the boundaries are very tight with the surrounding text - it's a standard rectangular object. Thank you for your help on this. 

Last edited by scribeman01 on Sun Jan 26, 2025 1:38 am, edited 1 time in total.
Re: Image Padding in Floating Wraparound Boxes
It's not clear to me exactly on what you are trying to do. Can you provide more details on what you did or provide a sample project?
-
-
- Posts: 109
- Joined: Mon Nov 18, 2024 7:58 pm
- Location: United States - Wisconsin
Re: Image Padding in Floating Wraparound Boxes
https://drive.google.com/drive/folders/ ... drive_link
Thank you for the quick reply! I attached a sample project page with the Webuilder file so that you can see the picture in the text box.
1) You will see that there is no white space (or padding) between the image or any of the text (especially to the right of the image). I wanted to add a little white space or padding just to carve the image better.
2) I would like the visitor to click on the grid for a photo pop-up. Do I still need a Lightbox Gallery inplace for that? If so, I could keep a lightbox object for that if i do this, don't necessarily need to have a separate Gallery Page.
3) If I still need a separate lightbox gallery to allow for the pop-up, could I set up a non-publishable gallery page that would still allow me to tap those photos just so I can do a pop-up larger image of each photo?
Thank you Sir!
Thank you for the quick reply! I attached a sample project page with the Webuilder file so that you can see the picture in the text box.
1) You will see that there is no white space (or padding) between the image or any of the text (especially to the right of the image). I wanted to add a little white space or padding just to carve the image better.
2) I would like the visitor to click on the grid for a photo pop-up. Do I still need a Lightbox Gallery inplace for that? If so, I could keep a lightbox object for that if i do this, don't necessarily need to have a separate Gallery Page.
3) If I still need a separate lightbox gallery to allow for the pop-up, could I set up a non-publishable gallery page that would still allow me to tap those photos just so I can do a pop-up larger image of each photo?
Thank you Sir!
Re: Image Padding in Floating Wraparound Boxes
1. You can add margin around the image via the 'margin' properties.
2. This can be done with a link (target -> lightbox)
https://www.wysiwygwebbuilder.com/lightboxes.html
2. This can be done with a link (target -> lightbox)
https://www.wysiwygwebbuilder.com/lightboxes.html
-
-
- Posts: 109
- Joined: Mon Nov 18, 2024 7:58 pm
- Location: United States - Wisconsin
Re: Image Padding in Floating Wraparound Boxes
Thank you Pablo. When I "float" the object inside the box (since I'm doing a flexible website), the only the "shape" position of the margin child allows me to peruse the margin adjustment. I'm not using a irregular shape. When I use this option, I do see where I can control the padding but the object does not adjust the text around it - runs over it.
Re: Image Padding in Floating Wraparound Boxes
You can set the margin via the margin properties. You can access the margin properties of the image via the Arrange tab, context menu or property inspector.
I've tried it with your project and it works for me.
See also "How do I adding spacing between objects?"
viewtopic.php?t=71391
I've tried it with your project and it works for me.
See also "How do I adding spacing between objects?"
viewtopic.php?t=71391