www.wysiwygwebbuilder.com

crispy68

Is the user supposed to click something, hover over something or is just supposed to happen automatically when you load the page? I'm still not clear on what you are trying to do.

crispy68

I find that using 'sticky' can sometimes be finicky. If you are simply wanting your header stuck to the top as you scroll and it is already at the top when starting, then simply set the layout grid position to "Header (fixed)"

crispy68

Your demo looks like it is sticking to me. I don't see an issue. If you are just wanting it fixed to the top, I would just set it to header - fixed.

crispy68

What do you mean exactly by rotate and zoom? Are you looking for some effect where the user hovers over the image and it rotates and zooms in? If so, you can do that by creating an event on hover.

crispy68

You need to add more content to your page. As it is, the menu is creating a longer page when you hover over the menu but the page is really not that long. Add an object way down the page to increase the actual page height beyond the browser height and your menu works.

crispy68

@Alan,

I tested it on your demo and my code definitely works. However, as suggested you need to add a 4th row in your breakpoint for best results.

Like I mentioned, the gap is created by the 3 text menus you have. They have a fixed height in the breakpoint which is causing the extra spacing. My ...

crispy68

The 3 text menus have height in the breakpoint which is adding to the spacing.

You can add some CSS to adjust that between the <head> tags:

<style>
#wb_TextMenu1,#wb_TextMenu2,#wb_TextMenu3{height:auto;}
</style>

Also, I would make the text in your right column all 1 text box versus 3.

Next ...

crispy68

If I had to guess it's because your 2nd column (the text in the darker column) is stretching taller and taller which is stretching the overall height of the flex grid. So, the text in column 1 (which is in 4 sections) is adding space to fit within the vertical space created by column 2.

I think it ...

crispy68

Thanks Alan. I appreciate the support.

crispy68

Hello WB users,

I wanted to say thanks to all the users who have purchased and downloaded extensions from my website since creating it. I also appreciate all of the user suggestions for improvements. I also thank Pablo for creating extension builder which allows for creativity in creating some ...

crispy68

Insert a layout grid and set it to 1x5x5x1. Then just add the text in the layout grid columns (2 & 3) like you currently have and add some top and bottom padding to the layout grid. Follow Pablos advice for the background image.

crispy68

@Victor,

Check your email to download the demo project file.

crispy68

@Victor,

Is this what you are after?
demo: https://webbuildertemplates.com/demo/vi ... _page.html

crispy68

The height of your photo gallery is too high causing the space. You need to reduce the height of it to remove the space below. The height of the page in the workspace is only for the workspace. It's the content on the page that determines the height of your overall page.

You will be much better ...

crispy68

Ok. Makes better sense. I have that working. Will upload demo to confirm and send you project later today when I get home.

crispy68

Just to make sure I understand, where is the page in the inline frame supposed to be seen? In the panel area? Outside of the accordion?

So, if I click on panel1 I see page 1 in the panel area? And if I click on panel2 I will see page 2? Sorry, I guess i'm not clear on what is supposed to happen ...

crispy68

It is on the "master-page". It's hidden in the default view. You can click on the 748px breakpoint and then click on the mobile menu there to open up the properties.

crispy68

the height of your page is determined by the objects on the page. There is no height usually given to the body tag. If you are wanting to set a height, then you will need to manually add the CSS code for it I believe. Why are you wanting to specify a particular height? what about possible overflow?

crispy68

The page link you supplied looks like the normal carousel to me. It's not using flash. Is this the correct carousel?

crispy68

More than likely the extension was created way before layout grids were being used. Just guessing here, but It may have been built with an older version of extension builder that didn't support grids yet.

crispy68

I'm not familiar with this one. When you open the properties of that extension, in the bottom left who does it say created it?

crispy68

What is the name of the extension? When I check my toolbox, I just see carousel and image carousel but I may not have that extension installed.

crispy68

If you have a fixed/floating footer, then in the workspace it will appear at the bottom of your page based on the workspace height. This is just during design time. Otherwise, just set it to normal floating.

crispy68

You can some simple CSS like such between the <head> tags via an html object or page html:

Code: Select all

<style>
#wb_CssMenu1{z-index: 9999 !important;}
</style>

Change 'CssMenu1' to match the ID of your first (top) menu.

crispy68

My guess is because you have several elements in your form with 'autofocus' enabled. (ex: id=Select3, id=Select4, etc).

If objects have autofocus it will cause the page to jump to these on page load.

crispy68

it's a .wbs file.

crispy68

@Victor,

1. I downloaded the .wbs file but it is blank. There is nothing in the file other than an index page with no objects.

2. As for the shadow, are you referring to the shadow for the 'Scale' option? If so, yes, I should be able to add this functionality.

crispy68

@Alan,

For now, you can enter the following CSS between the <head> tags:

<style>
.darktheme #Extension2{filter:invert(100%);}
</style>

note: Since you already have <style> tags in your demo you only need to add the code between them with the rest.

Replace 'Extension2' above with the ID of ...

crispy68

@Alan,

Dark mode - I'm not sure of your layout, but for example, if the image (extension) is inside a layout grid, if you right click on the cell with the extension, choose Dark Color Scheme and make sure 'invert' is unchecked' it does prevent the images from inverting. If this is not your set up ...

crispy68

@Alan,

I visited the site using Firefox and do not see the issues you are having. I have the latest version of FF.

crispy68

@Alan,

I'm back from vacation. Let me take a look at both questions you have and I'll get back to you here.

crispy68

Are you wanting a random image on page load? or a random image slideshow?

I know there is an extension for random image on page load here:

I also created an extension for this plus you can create a random slideshow here:

crispy68

Yes you can change the language of their scripts within the script once installed.

crispy68

I'd say the Layer Menu is the closest thing to this.

crispy68

I've never used PHPMailer - SMTP. I also use hostinger and I set the Mail Engine to "PHPMailer - mail" and have no issues with emails working. The exclamation point is not necessarily and error but just an important note.

crispy68

Keep in mind that the height of your video section in the demo you sent is shorter than that of the actual site which may affect what you see in the cutout section. With the demo you sent me, add the following CSS between the <head> tags:

<style>
#LayoutGrid1-video{left:37%;width:63%;}
</style ...

crispy68

The simple answer is they are not applying the video to the entire background. They are only applying it to about half of the screen width. So in your case it would be only the 2nd column of a 6x6 layout grid. However, this wont work as you wont be able to place your image over the video.

You can ...

crispy68

You created the style VictorKrs in the style manager but didn't assign it to the text in the card. Also, in the style itself you didnt assign any font, color, size etc.

crispy68

You can use CSS to accomplish this a couple of ways.

1. This is more of a normal way. Right click on the card and take note of the ID for the text block. (ex: Card1-card-item2). Then add CSS code like such between the <head> tags:

<style>
#Card1-card-item2:hover{color:#ff0000;text-decoration ...

crispy68

What exactly are you trying to do? How is the video being used? Need more info on what you are trying to accomplish. ISO video files are not web friendly. You will need to convert the file to .mp4 for it to work on a website.

crispy68

My demo was to just make the lotties in your demo work. There was no mention of adding menus, text etc. However, it could be done just like I did with the lotties. You would have to manually add CSS to control the placement of these objects.

The issue is, this is very complicated stuff to code this ...

crispy68

The black bar is 'img0002.png' and the ID is "Banner3". Can you search in the object manager for this ID? It sits around 1670px from the top. Are you able to expand the workspace beyond this height to see it? Maybe you have it hidden?

You also have a couple of other things causing that large space ...

crispy68

Using vw/vh units in this way seems very unorthodox to me. I know you mentioned not caring about mobile and only desktop, but it seems if you ignore mobile you will be ignoring a large client base. You will also be dinged by Google for not having a mobile friendly site. If you google using 'vw units ...

crispy68

The problem you are going to have is the page you are trying to emulate, many of the absolute positioned object's widths are specified as: 20vw which is basing the width on the width of the browser screen. There is nothing in WB that will allow you to do this that I'm aware of. The site you are ...

crispy68

No. You cannot freely place objects in a flex container as it uses flexbox properties.

crispy68

It would be helpful if A: you can tell us which lightbox you are referring to and B: provide at least a link to your page so we can see it.

You will get a lot more help if you provide DETAILS. Your question is very general.

crispy68

So you are wanting the white space in between to always be there and scale also?

Is this what you are after?
DEMO3

crispy68

Is this what you are after?
Demo

Or ADD NEW FEATURE:
-FLEXGRID: add 1) decimal point for percent 2) free of position x,y for object: image,text, menu-css, lotties,video,etc.. 3) keep original size of objects ? or
-LAYER: new responsive = scalable? or
-PAGE HTML: new responsive = scalable? or ...

crispy68

Is this what you are after?

demo

UPDATE: after seeing your last post, this doesnt look like what you want. Up to now, it has not been clear that you want spacing on the left and right of the 1st and 3rd lottie as the screen decreases. None of your examples showed this at all.

crispy68

I've been following this thread and still a bit confused on what you mean by you want it to scale but at same time stay its native size. The demo that Pablo provided does scale which is what you want. However, am I safe to assume that what you mean is you want the spacing below the 2 smaller lottie ...

Search found 2654 matches