5 Elementor css tips & tricks you need to know

Поділитися
Вставка
  • Опубліковано 29 вер 2024
  • Learn 5 CSS tips and tricks that let you improve your elementor design workflow.
    ► Get Elementor Pro - wpalgoridm.com...
    Elementor basics playlist:
    • Elementor basics
    If you're new to Elementor, learn the basics here:
    • Elementor basics tutor...
    Join our Facebook Group: / designschoolwp
    Design your website: • Design WordPress website
    Build your website: • Build WordPress Website
    Customise your website:
    • Customize WordPress we...
    Unlimited elements Pro Version[800+ Prebuilt Widgets]:
    bit.ly/designun...[ Enter "designschool2019" to get a 20% off on your purchase if you're willing to buy the plugin]
    Elementor css custom breakpoints:
    • Elementor custom break...
    Unlimited elements widget creator videos:
    • Build WordPress Website

КОМЕНТАРІ • 35

  • @bodguru
    @bodguru 2 роки тому

    hey buddy, im having trouble customizing a certain aspect of my results pagination on my website. can you help me with that?

  • @adrianarestrepoalvarez1451
    @adrianarestrepoalvarez1451 4 роки тому

    Hola muchas gracias por compartir esta información,
    que sucede cuando se actualice el plugin elementor pro?
    Se perderá todo el css que se inserto?
    Gracias

  • @deduice
    @deduice 4 роки тому

    Quite useful 🔥

  • @KamrulHasan725
    @KamrulHasan725 4 роки тому

    Which video recorder do you usw bro?

  • @muhammadtayyabrehman6379
    @muhammadtayyabrehman6379 2 роки тому

    Nice video man.
    Can you tell me how to make tab 1 and tab 2 without refreshing page.

  • @ajaysahu6173
    @ajaysahu6173 2 роки тому

    Elementor publish/update button is hide how to fix problem please help sir and save my life

  • @technicalguru520
    @technicalguru520 2 роки тому

    Please do customisation more with CSS

  • @franktielemans6624
    @franktielemans6624 4 роки тому

    I have written a widgets classname reference guide, so you have to inspect less for classnames.
    Can be viewed or downloaded here:
    glyphbox.be/downloads/elementor_widgets_classname_reference_1.1.pdf

    • @wpalgoridm
      @wpalgoridm  4 роки тому

      The guide can be quite handy, but once they know how to inspect they'll learn a lot about CSS.

  • @MDRAIHANUAE
    @MDRAIHANUAE 4 роки тому +2

    Thank you please more new CSS trick so I follow you 😘

  • @SpiritTracker7
    @SpiritTracker7 4 роки тому

    I am using elementor pro and hello elementor theme. The built-in CSS style (hello elementor theme) for link colors are not complementary to the web designs that I do, nor flexible.
    A simple fix is to create a custom CSS link colors under Appearance>Customize>Custom CSS.. however, this becomes permanent site wide. All links, whether on light background or dark background, use same colors. So now I want a different CSS link style for the site footer widget but when I add custom CSS to footer widget, it is ignored due to the site-wide link colors CSS. If I want multiple link color CSS styles, what do I do? If you know elementor and theme customizer, please keep this in mind with your explanation. Thank you.

  • @bySterling
    @bySterling 2 роки тому

    Could you pls make a video on how we can add icons in our Elementor Forms?

    • @wpalgoridm
      @wpalgoridm  2 роки тому

      Check out elementor icon list widget tutorial, add HTML of the icon along with the text in your forms to do so.

    • @bySterling
      @bySterling 2 роки тому

      @@wpalgoridm Thank you sir, where is this tutorial, can you pls share the link? BIG THNKS for all your awesomeness!

  • @bySterling
    @bySterling 2 роки тому

    As much as I luv and use CSS Hero I want to def start learning more and more about custom CSS in 2022, so thank you sir!

  • @technicalguru520
    @technicalguru520 2 роки тому

    Make more videos

    • @wpalgoridm
      @wpalgoridm  2 роки тому

      There's a lil CSS snippet in almost every video I make, more videos coming soon!

  • @felipelisperguer8470
    @felipelisperguer8470 3 роки тому

    Hello! Thank you so much for the video! Is there any way to write a text in the divs? How to do it?

  • @user-fh1qj5jp1z
    @user-fh1qj5jp1z 3 роки тому

    how to create falling particle effect using css on alementor?

  • @nazrulislamparves
    @nazrulislamparves 4 роки тому

    Hello brother. I need same javascript click visible/hidden property. Please publish video.

    • @wpalgoridm
      @wpalgoridm  4 роки тому

      Already explained that in this video ua-cam.com/video/F_g_eJmutOM/v-deo.html

  • @sebastianmatthiesen1605
    @sebastianmatthiesen1605 4 роки тому +1

    Nice tips man! Keep the good work up! 💪

  • @sohan1122
    @sohan1122 4 роки тому

    why my css get distrub while paste in custom css elementor widget...??/

    • @wpalgoridm
      @wpalgoridm  4 роки тому

      While targeting elements using CSS, you shouldn’t target general purpose elements.

  • @anjankalburgi6025
    @anjankalburgi6025 4 роки тому

    wonder simple

  • @Lamouettekamikaze
    @Lamouettekamikaze 4 роки тому

    Awesome tips I love your videos.
    I have 2 two questions ignf you don't mind.
    Can we add a button in an accordion ? I can't find how to :/
    Can we do a popup with pure CSS in elementor ?
    Thanks a lot !

    • @wpalgoridm
      @wpalgoridm  4 роки тому +1

      1st one -> ua-cam.com/video/A4hAHqYAYYo/v-deo.html and 2nd -> ua-cam.com/video/tJLPJOfesLY/v-deo.html
      You can open a popup with HTML/CSS but the logic for popups comes from JS so you can't with just CSS.

    • @Lamouettekamikaze
      @Lamouettekamikaze 4 роки тому

      @@wpalgoridm thank you so much for your answers. For information i just found this pen this morning about pure CSS popup :
      codepen.io/imprakash/pen/GgNMXO
      I need to try it on elementor/wordpress to see if it works.
      I know it would be so much easier I if could install a modal plugin in elementor but I can't ^.^

  • @yannick2247
    @yannick2247 3 роки тому

    this helps, thank you

  • @blendamuller507
    @blendamuller507 3 роки тому

    Thank you for this info!!! Super helpful!