Catégories
Uncategorized

How to create carousel image gallery

Hi guys! I'm trying to create a gallery just like the one in the link (the one that looks like a slider with preview of the next picture that works on hover and changes slide and size on click).
https://www.one-works.com/our-works/vce-venice-marco-polo-international-airport

I tried slider or carousel but doesnt really seem to work.

Any help would be appreciated! thanks

How to create carousel image gallery

Catégories
Uncategorized

Check out the croco block sale

40% off. I dont work for them but I found them useful.

Catégories
Uncategorized

White space that appears when zooming out in mobile view?

I searched this forum and found someone else had this problem but the code no longer works. With all of my other sites using elementor you can’t zoom out in mobile but no matter what I do on this clients new site, you can zoom out and there’s a big chunk of white space to the right. I would like to have it where you can’t zoom out.

This is the code I tried with no luck. Maybe I’m plugging it in the wrong place but I tried the plug-in file and theme file. I’m using the free version and am hoping to stay free.

Thank you so much in advance!

@media (max-width: 767px){ .elementor-344 .elementor-element.elementor-element-182ccb5 > .elementor-widget-container { margin: 0px; } .elementor-344 .elementor-element.elementor-element-182ccb5 > .elementor-widget-container { margin: 0px; padding: 0px; } }

Catégories
Uncategorized

How to fix this issue? Urgent!

Hey guys does anyone know how I could fix this issue? The 'gas line installation' is cut off

Catégories
Uncategorized

Specify PHP file for File Upload within Elementor Form Widget?

Hello,

Wondering if this is possible?

I notice that Elementor allows file uploads within the widget which is great because at the moment my file upload forms are created with basic html with a post action pointing to the PHP file that handles the uploads and then that uploads them to the CRM accordingly.

I'd really like it if I could migrate these into Elementor as that would keep everything streamline and make it easier for people to edit in the future but I don't see anywhere in the form options where it would allow you to set the path to the PHP handler script.

No doubt this has been asked before and a quick google search led to a page on the Elementor GH which hasn't been updated for months and it looks like it left a lot of people really confused.

If anyone has done this or knows of a way to do this without it being excessively complicated, I'd love to hear from you.

Thanks.

Catégories
Uncategorized

Clickable link for css button

Hi,

I've added a custon css button to my site using the HTML widget. Everything has worked fine however I would like the button to link through to my portfolio page.

I've tried but it isn't working.

The HTML code is:

PORTFOLIO

And the CSS:

u/import url(« https://fonts.googleapis.com/css?family=Roboto« );

.preserve-3d {

transform-style: preserve-3d;

-webkit-transform-style: preserve-3d;

}

body {

padding: 0;

margin: 0;

border: 0;

overflow-x: none;

background-color: #ffffff;

font-family: Roboto, sans-serif;

weig

letter-spacing: 1.75

font-size: 12px;

font-smooth: always;

-webkit-font-smoothing: antialiased;

}

.back:before {

content: counter(bc) « _ »;

position: absolute;

padding: 10px;

}

u/media screen and (max-width: 1260px) {

.back {

width: 50%;

}

}

u/media screen and (max-width: 840px) {

.back {

width: 100%;

}

}

.button_base {

margin: 0;

border: 0;

font-size: 18px;

position: relative;

top: 50%;

left: 50%;

margin-top: -25px;

margin-left: -100px;

width: 200px;

height: 50px;

text-align: center;

box-sizing: border-box;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

-webkit-user-select: none;

cursor: default;

}

.button_base:hover {

cursor: pointer;

}

.b12_3d_glitch {

overflow: hidden;

width: 200px;

height: 51px;

}

.b12_3d_glitch div {

padding: 10px;

position: absolute;

text-align: center;

box-sizing: border-box;

-webkit-box-sizing: border-box;

-moz-box-sizing: border-box;

width: 200px;

height: 50px;

}

.b12_3d_glitch div:nth-child(1) {

background-color: #ffffff;

top: 1px;

left: 0px;

border: #000000 solid 1px;

}

.b12_3d_glitch div:nth-child(2) {

color: #000000;

left: -100px;

top: 2px;

width: 400px;

height: 50px;

}

.b12_3d_glitch:hover div:nth-child(1) {

animation: b12_3d_glitch_bg 0.3s linear;

-webkit-animation: b12_3d_glitch_bg 0.3s linear;

-moz-animation: b12_3d_glitch_bg 0.3s linear;

animation-fill-mode: forwards;

-webkit-animation-fill-mode: forwards;

-moz-animation-fill-mode: forwards;

}

.b12_3d_glitch:hover div:nth-child(2) {

color: #000000;

animation: b12_3d_glitch 0.3s linear;

-webkit-animation: b12_3d_glitch 0.3s linear;

-moz-animation: b12_3d_glitch 0.3s linear;

animation-fill-mode: forwards;

-webkit-animation-fill-mode: forwards;

-moz-animation-fill-mode: forwards;

background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAGCAYAAAAL+1RLAAAAF0lEQVQIW2NkwAIYgWKS6OIgQQxAoUoAE4AAUnD/0ugAAAAASUVORK5CYII=)

repeat;

}

u/-webkit-keyframes b12_3d_glitch_bg {

49.00% {

background-color: #ffffff;

}

50.00% {

background-color: #000000;

}

to {

background-color: #000000;

}

}

u/-webkit-keyframes b12_3d_glitch {

from {

transform: skewX(0deg);

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

color: #000000;

}

25.00% {

transform: skewX(80deg);

-webkit-transform: skewX(80deg);

-moz-transform: skewX(80deg);

color: #000000;

}

75.00% {

transform: skewX(-20deg);

-webkit-transform: skewX(-20deg);

-moz-transform: skewX(-20deg);

color: #ffffff;

}

90.00% {

transform: skewX(0deg);

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

color: #ffffff;

}

to {

transform: skewX(0deg);

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

color: #ffffff;

}

}

u/-moz-keyframes b12_3d_glitch_bg {

49.00% {

background-color: #ffffff;

}

50.00% {

background-color: #000000;

}

to {

background-color: #000000;

}

}

u/-moz-keyframes b12_3d_glitch {

from {

transform: skewX(0deg);

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

color: #000000;

}

25.00% {

transform: skewX(80deg);

-webkit-transform: skewX(80deg);

-moz-transform: skewX(80deg);

color: #000000;

}

75.00% {

transform: skewX(-20deg);

-webkit-transform: skewX(-20deg);

-moz-transform: skewX(-20deg);

color: #ffffff;

}

90.00% {

transform: skewX(0deg);

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

color: #ffffff;

}

to {

transform: skewX(0deg);

-webkit-transform: skewX(0deg);

-moz-transform: skewX(0deg);

color: #ffffff;

}

}

Catégories
Uncategorized

ELementor Pro Support to respond?

ELementor Pro Support to respond?

Catégories
Uncategorized

Lottie for toggle icon

Does anybody know how to use lottie animations in place of the the toggle icons for the Accordion and Toggle widgets in elementor pro?

Catégories
Uncategorized

Possible to insert template into mega menu?

Hey guys! I'm wondering whether it's possible to use a mega menu plug in to insert a template at the bottom of the menu for the calls to action like in this website:

https://www.recoreelectric.com/

Catégories
Uncategorized

My elementor Pro won’t work

I purchased elementor Pro lifetime duration. After activating the license it still does not work. Still on demo version.

Can anyone help me with this issue?

Thanks in advance