www.wysiwygwebbuilder.com

crispy68

Without seeing what you've done there is no way to help direct you in how to fix it. A working online demo helps otherwise you will need to provide a copy of your project file to download to take a look at what you have to comment further.

crispy68

If it looks correct in preview but not when published then it usually means you are either missing files or did not upload all the updated files to the server. There is no difference between preview and publishing. The same files are generated. Do you have a link to the page to view?

crispy68

The white space on your page is caused by Layer17 being positioned at 3170px from the top of the page.

crispy68

Description This Web Builder extension helps you change the background color of a website on scroll triggered by containers scrolling into view. Works with Layout Grids, Floating Layers, Flex Containers and Flexgrid. Ideal for floating layouts. Extension is inspired by the pen by Dave Redfern with ...

crispy68

I think it may be easier to remove the padding from the wrappable text and add the padding to the dialog. Adjust as needed between the 2.

crispy68

Your pic in the forum is not working but I downloaded your demo. Based on the image and project, to have that kind of overlapping you will need to use a section. You mentioned you tried it with a section. What is the issue exactly?

crispy68

The font size in your code is only applied to the span and not the php code. The font size is set to zero within the flexgrid. You also have an extra </div>. The php code is outside the first </div> tag. Try adding font size and font family to you 2nd span tag around the php code.

crispy68

Some code won't preview and has to be uploaded to a server to work. Some code doesn't. It all depends on the code you are adding and how you are adding it. Without knowing exactly the code you are trying to add, there is no way to tell you what is wrong. Please provide either a link to a demo webpag...

crispy68

Yes you can as long as the code of your svg matches/set up similarly as the other svg files in there.

crispy68

Uhh.. do you have a link to the site?

crispy68

Yes, you can keep your WB17 project file and continue to open it with WB17, make changes and upload. With WB19, simply load the WB17 project file and then save it immediately to a new folder (can even give it a different name if you want) so as to not overwrite your original WB17 project file. Then ...

crispy68

Looks good. My only observation is if everyone can add there info could it get a bit messy especially if others add comments? Would it be cleaner to do something like the Extension List where we have a nice list of names and contact info and only certain people can edit it to keep it neat and tidy? ...

crispy68

I do not see 2 identical index pages. It is the same page. If you type just the url and nothing else it loads your index page (which generally is index.html). It just doesn't show the page name index.html. It is possible to have other suffixes like index.htm and index.php which could cause issues bu...

crispy68

When I select the image as the background, in the workspace the image is centered for me. It looks correct as far as i can tell.

crispy68

Sorry, thought you meant how it looked online. On larger screens like mine the image does stop:

As for the workspace, I can't answer that. Pablo would have to chime in.

crispy68

So you have the background set to 'fixed' at the top vertically and centered horizontally. The image is only 1600px wide and fixed so it won't expand. So once the browser gets wider than 1600px you are going to see the colored background. If you want the image to fill the entire screen then you will...

crispy68

These don't look like the same scenarios to me. In the first link, you simply added an image to the workspace. In the 2nd link, you've added the image as the background for the page via the page properties set to fixed positioning.

crispy68

In looking at your page, the images are in your root folder with your html files and not in the images folder. There is no 'images' folder on the server and that is where your html code is looking for them.

crispy68

@Bluesman, I had thought about going that way and it is an option. But I think my suggestion is also needed as not everyone uses styles and I feel it would be beneficial in general. @Pablo, The idea of using different fonts in breakpoints for the same text object doesn't seem practical to me. I've n...

crispy68

Thanks! that will work if only using 1 font in the entire project. Many times I may use 2-3 fonts though.

crispy68

Thanks Pablo. That would be a time saver. Nothing like creating a project and then a customer wants the font changed and you have a lot of text objects and breakpoints to individually go thru and change.

crispy68

Will 'reset all properties' affect anything else? Like font size? I'm looking to only change the font family and nothing else.

crispy68

You may get differing answers to this but, yes, that is how I do it. I always flesh out my default view and then work my way down adding breakpoints if needed especially when the design is not concrete yet and design changes are being made.

crispy68

I checked the help, and maybe I missed it, but is there a simple way to change the font of a text object and have it change in all of the breakpoints when using responsive text? Sort of like how you can hold the shift key when adding padding to an object and it makes it the same in each breakpoint. ...

crispy68

Why can't you use a rollover layer instead?

crispy68

no option for that with the current settings.

What do you mean? Arent you using a rollover layer?

update: I see you are using a rollover image instead. This is not an option for it.

crispy68

Agree with Pablo. Your design is going to dictate if you need any and how many. It's in the name 'breakpoint'. When your design 'breaks' and doesn't look good at a certain size and the layout needs changed, then you add a breakpoint and make your changes. There is nothing wrong with using breakpoint...

crispy68

It's going to look scrunched up because you are taking a landscape photo and squeezing it into a portrait size box.

Try setting the Size of the hover image to 'contain' and alignment center, center.

crispy68

@wonderfull, Magnificpopup will work but the pdf does not scale within the lightbox or at least I've not been able to get it to work. I know I can adjust code after publish if necessary but I am trying to do it all within WB. I don't think there is way to adjust the iframe code being used in the lig...

crispy68

@wonderfull,
That looks like what I'm wanting. A button to open a lightbox or dialog and show the .pdf in it and the .pdf will be responsive/scale if the window gets smaller.

crispy68

I'm curious if anyone has successfully been able to show a .pdf in a lightbox that is also responsive for mobiles and the .pdf is responsive (no scrollbars). If so, which lightbox did you use? How did you set it up? Ultimately, I would like it centered in the page evenly and set the width and height...

crispy68

Not at computer for #1 but maybe #2 is top and/or bottom margin on the grid?

crispy68

The number of columns in a grid can be changed in breakpoints by adding or hiding columns. Make sure overflow is set to hidden. I recommend setting grid to use flexbox. By doing so you can also change the order of the columns as well in breakpoints.

crispy68

So the 2 issues I see are this: 1. on the page with the iframe, you have only have part of the code at the bottom of the page. It should look like this: <script type="text/javascript" src="js/iframeResizer.min.js"></script> <script>iFrameResize({}, '#InlineFrame1')</script> You h...

crispy68

What do you mean by double? The 2 links you provided look similar to me.

crispy68

Your image shows the generated html but it is the CSS coding in the CSS file that will actually control the look and order of things. Are you sure you are uploading all of the files and not just the generated html file? Make sure you have it set to publish all files and not just publish HTML files o...

crispy68

As stated before, if you need help please provide a project file and explain in detail what you are wanting to do. For example, what is TOC? You can upload your project to your server and then provide a link here for us to download.

crispy68

Sorry guys, it's been fixed now. Thanks!

crispy68

There are several other objects that WB will add a 'wb_' prefix to. So yes, there are times you may have to use #wb_objectID versus just #objectID. As for some of the other menus, they may be a bit different as those are sometimes more complicated.

crispy68

yep, up here north of Atlanta.

crispy68

Feel free to reach out to me at ron@wizbangwebdesign.com and I'd be happy to help you out.

crispy68

Without the actual project file .wbs, it is hard to offer a solution. I typically place the file with images in a folder, zip it, and upload the zip file to a folder on the server. Then just provide a link to that zip folder. If it is blocked, then it is something you have set up on the server to bl...

crispy68

New in version 1.1.0: 1. Filter categories are entered into the extension 2. Eliminated need to enter a filter 'name' for each card This update eliminates issue where adding a class to card overrides some CSS generated by the card. See demo for updated demo. Please make sure to read the help file. ...

crispy68

You will need to check the generated code BUT for any future panel layers it will be similar to this. It's simply the ID followed by _panel.

So you if you gave the panel layer an ID of Bluesman, then it would just be: Bluesman_panel. Make sense?

crispy68

@bluesman, The ID of the panel layer is PanelLayer but there is a <div> outside of this ID called PanelLayer_Panel . WB generates this code. This container is what was falling behind your footer. Since ID PanelLayer is inside PanelLayer_Panel, you need to target the outer <div> and not the inner <di...

crispy68

@bluesman,

Wonderful's code is correct. You are targeting the wrong part of the panel layer.

crispy68

The Emily Vonx template has been updated to V19.1.1. Minor updates include: - Sidebar always visible even when menu is open - Menu button now has animation for open and close - Panel layer now slides below sidebar leaving sidebar always visible for easier control - Updated for WB19 NOTE: Please make...

crispy68

There may be a solution from within WB (as I'm not at my computer at moment to test) but in the meantime you could add the following CSS to a code object set to the <head> section:

Code: Select all

<style>
#SlideMenu1{height:auto !important;}
</style>

crispy68

Thanks Pablo. I see what you are doing there. I would have never thought to use it like that considering I would have thought by adding any links into the panel menu would trigger it to open the panel menu. Doing it this way, does it cause more code to be generated even there is no panel menu to sho...

crispy68

Unless i've missed it and I don't there is but is there a built-in dedicated hamburger type trigger button? What i'm looking for is a simple burger button that has the animations (similar to the Panel menu button) that I can use to trigger opening up say a panel layer? This is all I want it to do is...

Search found 2363 matches