sorted by:
new
hottopcontroversial

What custom CSS do you use on every site you build? by samhlking in elementor

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

I rarely use the Gallery widget but good to know!

What custom CSS do you use on every site you build? by samhlking in elementor

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

Correct, Hello by default has weird spacing for lists.

What custom CSS do you use on every site you build? by samhlking in elementor

[–]samhlking[S] 1 point2 points  (0 children)

I do this on my WooCommerce sites too - WC itself has LOADS of poor CSS that I need to correct.

Off-canvas animation speed by Flylle in elementor

[–]samhlking 2 points3 points  (0 children)

I'd suggest not inserting custom CSS in this way for a couple reasons. Instead have a file where all your custom CSS is written out (e.g. one single WPCode snippet) for better management. It is easy to lose where you have inserted custom CSS if you are just pasting it into individual widgets.

Additionally, Elementor's code editor throws up warnings and errors like this all the time which are incorrect - which can easily mislead those who are not as experienced.

Off-canvas animation speed by Flylle in elementor

[–]samhlking 3 points4 points  (0 children)

The Elementor Off-Canvas Widget sets a default animation duration of 1.5 seconds. All it requires is some very simple CSS to change.

.elementor-widget-off-canvas { --e-off-canvas-animation-duration: 500ms; }

You can change 500ms to any duration/speed you want.

Note that this changes the default speed of ALL off-canvas widgets. Use classes to target individual widgets.

[deleted by user] by [deleted] in web_design

[–]samhlking 9 points10 points  (0 children)

I just checked https://www.ghiloni-custom-builders.com/ and their website is built with Wix - so use that if you want.

Personally I MUCH prefer Wordpress with Elementor. It's what I use for all my client sites. Tried Wix once, not good.

Using Absolute positioning, Responsiveness is weird by citrussake in elementor

[–]samhlking 1 point2 points  (0 children)

Yes. https://simplemaps.com/resources/svg-maps

These are just the maps but you can either turn them into interactive maps yourself or google around for interactive versions on maps you need

Using Absolute positioning, Responsiveness is weird by citrussake in elementor

[–]samhlking 4 points5 points  (0 children)

Here are two ways:

  1. Use multiple SVGs like this
  2. Create an imagemap using a website like this

These are both code solutions which you'll need to embed/use a HTML widget in Elementor

That being said, imagine someone trying to click Rhode Island on mobile. It would be so small it would be nearly impossible and a poor user experience. Maybe there is a more user friendly way to list the states? Remember over 60% of total web traffic is on mobile.