If You're Using Free version of elementor paste the code between style tags and replace selector with .yourclassname /*Code Here*/
@MdSabbir-xe8tb
3 жыл бұрын
all are worked , but when i apply on font any type of css it is not working. plz help
@weareblckrd
3 жыл бұрын
Hello design School by Wpalgoridm thank you so much for the video. I started using this video to help me solve a problem on my website. When on a Mobile version of the site videos don't play. I set a video as my hero section and on Google developper tools it says This is what i've got so far: /*toggle visibility at 360px } @media screen (max-width 360px){ selector( phone:container background:video; visibility:elementor; ) It has not shown the video but I can see the text now. Can you help with this code so that the video will also show on mobile?
@sylvainboue8362
3 жыл бұрын
Hey! thanks for sharing your experience. Is that possible to change the column-width instead of changing color?
@EshalMehzin
9 ай бұрын
Hello . I can't fix the same issue.could you help me please?
@sanjaylohar3139
4 жыл бұрын
reply please very urgent i have designed website using elemantor , i my laptop showing good but when i opening in pc or big screen then much padding , and all formmating is bad...how to solve please reply
@johnaart
3 жыл бұрын
But mobile phones are more than 360px these days..How do I solve that problem because my phone does not show the mobile view and guessing because the resolution is Full HD
@wpalgoridm
3 жыл бұрын
You can check this out kzitem.info/news/bejne/tYRnz6Oem5urnm0
@prashant71194
4 жыл бұрын
Hey there wpalgoridm team, when I get done editing the mobile layout and open it up on my android, the canvas seems to expand in width, such that I can scroll right to find a bank white space (almost double the width of the actual content). I have tried this on other mobile devices too, I have also tried different breakpoints, what should I do?
@joseauriol6653
3 жыл бұрын
Doesn´t work for text. It doesn´t change color. Elementor pro version /*For 360px Wide screens*/ @media screen and (max-width: 360px){ selector{ color:red; } } Anything missing in this code.
@joseauriol6653
3 жыл бұрын
It works, but it doen't show on Elementor preview for some reason. Thaks a lot.
@wpalgoridm
3 жыл бұрын
Glad it helped!
@joseemiliofranco4149
3 жыл бұрын
Is there a way to disable the responsive in a specific row on a webpage? I want a row of icon to show in the same position on desktop and mobile
@conorhumphreys886
4 жыл бұрын
Great video! How can I make my background image in my slideshow responsive?
@adied7725
4 жыл бұрын
Hi, What about astra pro theme and fluid layouts? I am unclear as to what settings to use for website, desktop, Mobile tablet... Any ideas astra and elementor have diffents setting for each and I'm confused. Thanks
@wpalgoridm
4 жыл бұрын
Don't be confused, elementor has responsive nature built-in in its system. This tutorial is when you badly need that extra flexibility. Don't even bother about fluid layout or any other marketing term. Elementor has it all.
@adied7725
4 жыл бұрын
@@wpalgoridm thanks for the reply, I understand what your saying, but I would like to know what to set astra theme and elementor so they have the same settings... 1140 or fluid ? Break points tablet, mobile ect... Yes i understand elementor is suposed to be mobile responsive.
@wpalgoridm
4 жыл бұрын
First thing, forget about your theme. Especially if you have Elementor pro. Simply scale the browser window at which your design is breaking. They become your breakpoints. Or if it’s all working great go with the default ones.
@citylumberjack8381
4 жыл бұрын
I really like your video on changing custom breakpoints. I'm using elementor pro version and I'm having difficulty getting it to work. I have a heading element that I want the font and margins to change when the media query gets to 864px and above and then once it reaches 1024px and above to go back to default or parent setting as per my elementor desktop responsive tab. You mentioned briefly about removing all stylings before adding custom CSS. Is that necessary for every customization I've applied to the heading including margins, padding, font size, font style, H2, center alignment etc.? Does the element have to be completely free of all changes? Is that why it's not working?
@wpalgoridm
4 жыл бұрын
You can reset changes in elementor, or use !important tag for your property without resetting them in elementor. Your code should look like margin:4px!important; and for the heading widget use selector .elementor-heading-title instead of selector also use !important , it'll work.
@citylumberjack8381
4 жыл бұрын
@@wpalgoridm Thanks very much for the quick reply. I'm not very good at using CSS or HTML which is why I chose elementor page builder. I have read about and seen some videos on using the< !important > tag but have not implemented it on my site yet. I was under the impression that you should only use that in extreme circumstances but I suppose it's necessary in some cases. I tried creating a fresh page in Wordpress dashboard and mirrored your exact example in from your video trying to at minimum recreate your effect and it still wouldn't work on a page with no styling or any content. Is there something in Wordpress settings or elementor settings that I need to toggle off or change? Btw, I'm using Wordpress 5.4, Elementor 2.9.7 and Elementor 2.9.2 Pro Ocean WP 1.6.2 and the latest versions of Yoast and Swift. Could there be an issue there? Should I downgrade somewhere?
@citylumberjack8381
4 жыл бұрын
Thanks for all your help. Got it to work with a few tweaks using the !important declaration like you mentioned and img selector. I add both min and max for @media querries to specify that between those breakpoints the effect will take place. It was simply a margin-top attribute and 3 media queries so it changes.
@secure117
4 жыл бұрын
Hello, DS.....I think Elementor is really nice. But,...it doesn't support mobile viewing in landscape view. Elementor has been saying they will put this function back in the platform for more than two years now. They've even stopped responding when I question the logic of removing the function in the first place. it degrades the functionality of mobile viewing. There are so many users who have responded negatively toward Elementor regarding this function. Yet now it is 2020 and they still haven't issued any updates regarding this function. It is absolutely unacceptable. So as it is today, still, yet there is no function that supports landscape view for mobile devices. When viewing our site in portrait mode, everything looks good, but once the screen is rotated in landscape view, the site looks terrible. Is there a fix or some .css to fix this?
@JunaidAli-fq4wr
4 жыл бұрын
I am trying @media screen and (max-width: 900px){ selector{ background-image:linear-gradient (red,blue); } } but its not working. Could anyone help please. I am trying to add gradient on the section background image only for mobile device.
@wpalgoridm
4 жыл бұрын
Check out the code for gradient from this video kzitem.info/news/bejne/ppicx4KAoIVqlpg
@misionardilla
4 жыл бұрын
Great trick!! Thanks!! Just a question... ¿is it possible to change the preview size that Elementor has in the design mode (768px for tablet and 360 for mobile) to another figures? I know I can change the REAL breakpoints but I can't figure out how change the preview breakpoints. Thanks in advance
@wpalgoridm
4 жыл бұрын
There’s really no need to change preview sizes. Click on “eye” icon or open the actual page. Start scaling your browser horizontally and you’ll get preview of every break point out there.
@crrm8375
4 жыл бұрын
Hello! On the free version of elementor, when I open my website on mobile, it moves to the sides, as if it was lose. It does not scroll only up and down, but a bit to left and right leaving a blank space, as if it has an elastic margin. Can you help me?
@terilouiselangit
4 жыл бұрын
I have the exact problem ! Were you able to solve this ?
@crrm8375
4 жыл бұрын
@@terilouiselangit yes! I had a template and block in the same page, full width and boxed content. I didn't realise at the beginning so I erased everything and I had to add items, update, and check on mobile for every single one until I got to the template.
@fritz-creates
4 жыл бұрын
Thank you so much! You saved my life! Was trying to find a way to find individual breakpoints for mobile and desktop, which is really tricky when you don't know javascript or as such! :) So thank you a lot, i liked your kind way of presenting the solution as well!! Have a great day, Fritz
@wpalgoridm
4 жыл бұрын
Glad I could help! Cheers.
@dsarrach
5 жыл бұрын
Thank you for this video. However, I have another question that I wish you could help me answer. How do I edit Hover animations applied beforehand? Let's say: I have created an image-box with a hover animation on it that reduces the opacity to the half and I want to make the opacity to be again full in a tablet viewport. Thank you very much!
@wpalgoridm
5 жыл бұрын
This will help with that kzitem.info/news/bejne/uJpsuH2OkXSKd5g
@dsarrach
5 жыл бұрын
@@wpalgoridm Thank you for your answer, I have watched the tutorial that you forwarded me. However, as far as I understood your video, you offer a solution for HTML widgets but I need to edit the code of already customized widgets. I am unable to find the HTML code of these elements and, as I am using the free version, I am unable to customize CSS. Anyways, I found that Elementor stores the styles in different .css files in /wp-content/uploads/elementor/css. So I found the code there using FileZilla and fixed the problem.
@Hanfintelligenz
4 жыл бұрын
Its not working :/ habe the free versio of elemetor. Please Help
@wpalgoridm
4 жыл бұрын
Search the channel Elementor free custom css you’ll find the solution.
@johnboyd8053
5 жыл бұрын
This will be very helpful for changing things between landscape and portrait modes on mobile. Thank You!
@wpalgoridm
5 жыл бұрын
Additionally you can have CSS Media Query like this for landscape, this applies when width>height. I'll teach these in advanced breakpoints tutorial real soon. @media screen and (orientation: landscape) { /*Any CSS Code*/ }
@amineguessous3420
5 жыл бұрын
@@wpalgoridm where're waiting for !
@hrdev4227
3 жыл бұрын
thanks for your help brother, your really saved my day😍😍
@wpalgoridm
3 жыл бұрын
Always welcome
@yamnaayub7431
5 жыл бұрын
Thank you sir. :) You are advance, not all share such secrets. Thank you for teaching to use all the elements of elementor. As well as CSS. I didn't know how to use CSS efficiently. :)
@wpalgoridm
5 жыл бұрын
You're welcome :)
@drcamylaw
4 жыл бұрын
Hello Design School Please, kindly show me how you designers solve elementor's responsiveness problem. Mobile mode adjustments break apart all work done on desktop mode and vice versa I have viewed almost all videos and tried all tips and tricks to no avail I am not a coder or a designer Your assistance will be appreciated, thanks a lot
@wpalgoridm
4 жыл бұрын
Responsiveness can be affected by a lot of things, such as units in px, overflow and a lot more. But with Elementor you can preview website at different sizes and make adjustments.
@amineguessous3420
5 жыл бұрын
You making a great content for web design, Thank you a lot !
@wpalgoridm
5 жыл бұрын
You're welcome!
@trvsgrant
4 жыл бұрын
Greetings. Do you do custom work; is it possible to hire you to do work, and if so, how can I get in direct contact with you?
@wpalgoridm
4 жыл бұрын
Feel free to drop queries at contact.designschool@gmail.com
@hamzarazaq7815
4 жыл бұрын
Custom css Playlist is owesome make more videos on it
@wpalgoridm
4 жыл бұрын
Sure!
@hamzarazaq7815
4 жыл бұрын
@@wpalgoridm brother i want some help.Can you give me your email or any social id
@erickdiaz3553
5 жыл бұрын
i can resize a image with this ?
@wpalgoridm
5 жыл бұрын
Yes you can use width and height properties with any values such as width:50%; height:700px ;
@brianriback6285
4 жыл бұрын
Nice job! Thanks!
@wpalgoridm
4 жыл бұрын
Thank you too!
@FirebrandVOCALS
4 жыл бұрын
Excellent Tutorial man ... Cheers!
@wpalgoridm
4 жыл бұрын
Thank you :)
@21upbowls
5 жыл бұрын
Another great tutorial , thanks
@wpalgoridm
5 жыл бұрын
You’re welcome!
@jaspervaldivia6098
5 жыл бұрын
Very useful thank you very much!
@wpalgoridm
5 жыл бұрын
You're welcome!
@stefanmrvic4652
5 жыл бұрын
I FUCKING LOVE YOU BRO! YOU SAVED MY LIFE
@wpalgoridm
5 жыл бұрын
You’re welcome!
@agency1000x
5 жыл бұрын
great video. hey you said "@media screen and (orientation: landscape) { /*Any CSS Code*/ coming soon" ipad landscape & portrait much needed please keep us posted. thanks
@wpalgoridm
5 жыл бұрын
Sure. You can already use orientation to set widths of different columns and sections and also to hide any elements the way you want.
@agency1000x
5 жыл бұрын
@@wpalgoridm thanks... hey how do i contact you, I want to see if you might be up for solving an elementor / media query issue
Пікірлер: 73