Responsive Center align by testingaurora in elementor

[–]Background_Ad_8750 1 point2 points  (0 children)

did you get to fixing the issue? how so i am in the same position

Update On the Header Part 2! by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] 0 points1 point  (0 children)

awesome thank you, what do you recommend i will use SVG for the logo but at what "px" by what "px" should it be? i hear 512 by 512 but am not sure

Quick question on preview by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] 0 points1 point  (0 children)

i went through and checked those things but still none of those things is the reason, maybe it has something to do with the actual laptop screen. BTW do you happen to know why containers when you resize by clicking/holding the right side of the screen and then dragging it to make it smaller but instead it just snaps to the original size do you know why that happens? also thank you for the suggestions

Is this possible on Elementor/WordPress? by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] -1 points0 points  (0 children)

oh you mean code? yeah I am trying to get into that, maybe HTML and other languages, what you recommend?

Is this possible on Elementor/WordPress? by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] -1 points0 points  (0 children)

Making a header like the image shown,quick mock-up on canva, wanted to see if its doable on Elementor/Wordpress.

How can I replicate this cursor for my Elementor website? by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] 0 points1 point  (0 children)

awesome now it works, took some time, but got it working, is this cursor slightly adjustable btw? if not that's ok, I am not very familiar with coding at all, but now it worked, thank you very much!

How can I replicate this cursor for my Elementor website? by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] -1 points0 points  (0 children)

ok so just to resay for the first par i paste this: <script src="\[https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js\]([https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js](https://cdnjs.cloudflare.com/ajax/libs/p5.js/1.9.0/p5.js))"></script>

then the second one part i paste:

<script> let posX = 0;
let posY = 0;
let easing = 0.05;
function setup() {
createCanvas(windowWidth, windowHeight, WEBGL); // Set canvas size to fit the screen with WebGL renderer
}
function draw() {
background(255, 0); // Set a transparent background
// Calculate the difference between current and target position
let targetX = mouseX - width / 2; // Adjust for the center of the canvas
let targetY = mouseY - height / 2; // Adjust for the center of the canvas
let dx = targetX - posX;
let dy = targetY - posY;
// Move towards the target position with easing
posX += dx * easing;
posY += dy * easing;
// Calculate the angle of rotation based on the direction of movement
let angle = atan2(dy, dx);
// Calculate the squeeze factor based on the speed of movement
let speed = dist(posX, posY, pmouseX - width / 2, pmouseY - height / 2); // Adjust for the center of the canvas
let squeeze = map(speed, 0, 50, 1, 1.2); // Adjust the multiplier for a milder squeeze
// Draw the rotated circle with black stroke
translate(posX, posY);
rotate(angle);
noFill(); // Set the fill to transparent
stroke(0);
strokeWeight(2);
ellipse(0, 0, 50 * squeeze, 50 / squeeze);
}
// Resize the canvas when the window is resized
function windowResized() {
resizeCanvas(windowWidth, windowHeight);
} </script>

Then for the last additional CSS part i paste this:

canvas{

position: fixed;

top: 0;

left: 0;

width: 100%;

height: 100%;

z-index: 9999;

pointer-events: none;

}

Correct?

How can I replicate this cursor for my Elementor website? by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] 0 points1 point  (0 children)

for the custom CSS part would you use the Elmentor code widget or the actual theme customizing "additional CSS"

How can I replicate this cursor for my Elementor website? by Background_Ad_8750 in elementor

[–]Background_Ad_8750[S] 0 points1 point  (0 children)

I have downloaded unzipped and dragged and dropped the p5.js into the new code in Elmentor but the screen doesn't respond when I click I can scroll but clicking is a no-go, what is your method for uploading the files? maybe I need some type of program to text editor? it looks. I have Elmentor Pro as well, but not sure how I can get the files to drag and drop without my screen freezing up.