How to use code to lower Element or raise a Element higher in wix?

Ask the community
,
1

Hi guys, I already learned how to hide a element in wix which is below.
Can anyone share how to use code to lower a Element or raise a Element higher in wix? Thanks much.

$w.onReady( function () {
// Hides the element when the page loads
$w(“#box19”).hide();
});

2

Do you mean something like this.
https://www.wix.com/corvid/reference/$w.EffectOptions.html

Or are you wanting the whole element like a text box for example to be moved to a different position on the screen like this.
https://www.wix.com/corvid/reference/wix-window.html#scrollTo

To do either you would need to have an event that would include the effect or the scroll to happen, that could be something simple like a click on something or when you move a mouse over something or you have something come into the viewport for example.

For more info on them, simply type onClick or onMouseIn or onMouseOut or onViewportEnter or onViewportLeave into the search function of the Wix API reference, which you can get to by clicking on either of the two links provided above.

It will then give you a list of different examples from the API reference that you can read and learn yourself and if you have anymore issues simply come back and post another question in this code forum.

3

Yes the second one. I want to move the element up or down or maybe even sideways. I need a code to adjust the whole element to go in any direction

4

@qualitykindpromotion This is a DOM adjustment, and those are unfortunately not possible with Corvid. You’ll have to find some workaround, or else use an iFrame where these sorts of DOM adjustments are possible.

5

So you would have to go through a lot of trouble just to move the element slightly downward or upwards? I thought that would be a simple code. Is it a easy way to do this?

6

It is pretty simple code using HTML and JS inside the iFrame. It isn’t possible in Corvid, but there are many clever workarounds possible.

7

Who can I go to that can help me with this in HTLM or JS?

8

Or if you’re looking to have someone code it for you, you can feel free to email me .

9

Thanks. Would I have to work with this and add my other script into it also? Such as:

$w.onReady( function () {
// Hides the element when the page loads
$w(“#box19”).show();
});

How would I combine the two to makie the element go left for example

.left, .right{
    margin:10px;
    float:left;
    border:1px solid red;
    height:60px;
    width:60px
10

All depends on your particular case, but probably no. The iframe is basically a webpage within a webpage and unless you tell it to communicate with your Corvid code, it won’t.

11

ok im lost who can help me to move the element up or down. I will even pay if someone could make this simple task happen for me.

12

Ok then how can I make a element overide all other elements and show on top of everything?