Pour ceux que ça intéresse, le site utilise WordPress et le bien connu plugin Elementor. Ce compteur est complètement biaisé. https://elementor.com/help/counter-widget/ Toutes les valeurs sont factices.
Your banner section has a background color #2e2e2e and the image has its opacity set to 0.5. The grey you see is a combination of both.
Set the image opacity to 1 - https://elementor.com/blog/add-filter-effects-to-images/
En l'occurence, si, il s'agit d'un compteur pour wordpress https://elementor.com/widgets/counter-widget/
On voit bien que dans les data-* se trouvent les données renseignées en dur ainsi que la durée de l'animation. Si c'était tiré du backend l'implantation ne se ferait pas comme ça/
Foundthis in site's source files. Oh, and there is a mobile version
The base Elementor Pro forms widget will allow you to do this.
https://elementor.com/help/dynamic-request-parameter-pro/
​
You could always just hard map it into the button if it's not a dynamic element you're passing over.
You might not want to use "ethical" to describe what you're looking for, since it puts an implicit "unethical" tag on every other piece of software, which really isn't fair. In Open Source communities you often hear the phrase "free as in software, not free as in beer". There is nothing about Open Source that prevents people from making a profit. It's about sharing intellectual property, not suppressing business.
As for "Free as in beer" solutions I recommend using OceanWP and Elementor. Both of these products offer very full-featured free versions, that offer more features than most paid theme/builder combos.
They both do offer paid versions, but i have developed many great-looking sites without needing those additional features. If you do need the additional features, the price is more than reasonable.
> So then people swap to something like Elementor, and find out it's a bloated mess (and still looks dated?).
Personally, I'm a huge fan of Elementor. I find that there's virtually nothing you can't build with Elementor, custom CSS, and plugins when needed. I realize that the code it creates is very bloated, but if you properly optimize your site, it will still be extremely fast, so this isn't really a problem. I also don't understand what you mean by it still looking dated. You can style everything exactly how you want, so it's really on you if it looks dated. The only thing missing is the CSS grid, but you can already add this with the Designer Powerup for Elementor, and the Elementor VP Product said they're going to be adding this natively (source).
And sure, when it comes to WordPress plugins, there's always the potential that a plugin will stop being updated or it won't play nicely with other plugins, but consider the alternative. If you had to code the same functionality from scratch (whether inside or outside the WordPress ecosystem), it would take 100x more time, effort, and knowledge. Finding and configuring the right plugin is vastly easier 99% of time.
That's why I like WordPress + Elementor Pro. It makes building a typical website much more efficient, both in terms of time and cost. I need to expand my JS knowledge, but aside from that, I could certainly code my WordPress site from scratch. However, the amount of effort involved in doing that versus using WP + Elementor is just an insane difference. I'd consider coding the "hard way", not using WordPress.
We get this question once a week it seems! Are you a professional web designer? You want to charge people thousands for sites, correct? $200 up front, $100 per year renewal is worth it. If all functions were separate plugins, you'd be looking at thousands, or at least sleepless nights scheming up workarounds with 50+ free, annoying, ads-in-your-face additional plug-ins.
You've got to spend money to make money. The free version is just enough to get you hooked. Plus, if you're worried you can't make $100 per year to break even, you can always make 50% off each elementor purchase via referral link! ;) wink wink
You can hide or unhide section using there responsive future that you can found in the advance setting in any section you are editing it's also work for each part and widget on the page that you are building wit Elementor
That look something like this
https://elementor.com/help/wp-content/uploads/sites/14/2020/04/visibility-preferences.gif
and try to use em's rem's % and VH, VW to make your design more responsive for each device you can find guide video on YT this will save you a lot's of time.
Hope you'll find this helpful share with others to help them.
Thanks
By using page builders like Divi, Elementor, etc you can design the templates as per your requirement and set it as your product single page. All the page builders have this functionality.
If you use elementor then this link will help you.
https://elementor.com/help/woocommerce-single-product-builder/
Looks great - Have been forced out in some WordPress development in my time and the Elementor plugin was a game change.
Would for sure pay for something like it for Laravel / General web development drop in.
Keep developing and keep us updated on the progress.
Hi,
Did you try these steps listed on the Elementor site. https://elementor.com/help/how-to-fix-the-preview-could-not-be-loaded-error/
I will suggest first save the Permalinks settings in WordPress and try.
Thanks
I don’t think there’s a way per page, but Elementor does have a System Info report which counts all the widgets used later in the report. Perhaps this might help. I wish it broke it down further though and told me which pages the widgets were used on.
Sounds like you're overcomplicating things. Templates are made in the Templates / Theme Builder builder section. Simply click on what type of template you wish to make (header, footer, page, post etc), design the page and then when you publish you set the parameters for where you want this template to be used. https://elementor.com/features/theme-builder/
See below for features.
Yes you can build a great website/page with the free version. You'll get plugins to fill the 'Pro' gaps.
​
May I suggest Elementor PRO? You'd be able to override your WP theme on any page(s) you need so the custom CSS on your other pages wouldn't affect your custom eBook landing page. It's a paid plugin so there is support.
Disclaimer: I don't work for Elementor PRO but do use it in a high production environment with about 10 other web developers.
This doesn't help. You gotta re-read OP's question.
OP, you may find what you're looking for here:
Totally lost on what you're having problems with here. And there's no image attached.
Are you having trouble getting specific posts to show up on your home page? Here's a video explaining how to create the query to pull the proper ones. (You have to have them set up properly per post, not just the Elementor widget. "Garbage in, garbage out" applies here for sure.)
https://elementor.com/help/posts-widget-pro/
This is a pro feature, so if you're using the free version Google around for plugins that would work for you.
Hope that helps.
I'd recommend sharing a link. It's hard to visualize what you're describing.
However, you should make sure to follow the Elementor migration steps, like using the built-in tool to update your URLs. There's a good chance this fixes your issues.
This has probably nothing to do with php versions, wordpress itself or whatever else I've read here so far. Most likely, your problem has to do with Elementor: https://elementor.com/help/publish-update-button-not-work/
I've encountered this a couple of timew before, and each time I was able to fix it by doing one or more of the following:
Yeah as someone else mentioned, just use the free Hello Elementor theme. You don't need it, but if you're using Elementor Pro, then this will be the fastest and most lightweight theme you can use. It doesn't come with any headers, footers, etc. which means it'll load faster, and that's fine because you're going to be building that stuff with Elementor anyway.
Although Astra is a fast theme, it's not faster than Hello Elementor. It's just that you can't really use Hello Elementor without Elementor because it's so stripped down and lightweight that it's kind of useless with Elementor.
But if you're using Elementor, then by far the fastest theme you can get is Hello Elementor. I highly recommend you change your theme (just do backup first to be safe!).
It is possible with Pro if the text isn't too long. You can have the button link to the same URL but with a query string like this:
domain.com/url?message=yourmessagehere
You'd have to use propery URL encoding to get spaces and whatnot in the query string. Then you can use a dynamic request parameter to pull the query string into the from field as the placeholder.
Of course this method is a bit hacky. A proper method would use a small javascript snippet. You can probably find a good starting point on stackoverflow.
The easiest method would be to make the message the default placeholder content but hide it with CSS. Then add a class to the form field when the button is clicked, which removes the 'display: hidden" css rule.
Is the default setting for that Elementor section to be hidden on mobile?
https://elementor.com/help/show-or-hide-columns-per-device/
EDIT: Why are you using Elementor to fart around with posts? Gonna have a bad time when you realize how much Elementor slows down your site and you want to move away from it.
That's for the 'image' widget--I'm using the 'image box' widget (https://elementor.com/help/image-box-widget/), and the shadow option for the image part of that is missing.
I got impatient, and went ahead and put together an image box, a header, and a text box for what I needed. Inefficient, but it works (and I've got deadlines...). Thank you to everyone that replied, I appreciate the help.
Its a sick problem in elementor.. I faced this in many sites in my working history. There's couple ways to fix this out..
You can try some debugging, 3. Check console log errors 4. Disable elementor pro & check its working or not. 5. Take backup & re install elementor.
Or you can check their article here
In elementor, you can create a new template for that and use dynamic fields to display your ACF fields on the table.
Check out the official documentation on Elementor: https://elementor.com/help/elementor-acf/
https://elementor.com/help/speed-up-a-slow-site/
You can also speed it up further by getting a child theme and pasting the function to remove font awesome fonts entirely via the snippet at this url. You will have to replace all your icons with svgs.
https://elementor.com/pricing/ shows their pricing is on a yearly subscription model. You do not have to renew but if you don't you won't receive updates/support. Elementor doesn't stop working if you don't renew.
Hi u/planetofthecrepes,
Here's the Elementor video tutorial for hot spots: https://elementor.com/blog/create-responsive-image-hotspots/
If you deleted the "elementor single page #177 - draft" template, it will not delete what you made. The header you are making now is on an actual page, but deleting the template could also cause issues for the other pages like FAQ and About Me. You may just have to style each page a little if you delete the template.
Ideally for the Header, in Theme Builder click "add new" - select header from the dropdown - name it header - copy your sections from the other page you made the header on - publish with the condition "entire site".
The same goes for the footer. Click the link below for more of a guide from Elemntor...
https://elementor.com/blog/header-footer-builder/
*TIP* You can copy full Elementor sections and widgets between pages. Right-click - copy - leave tab open - open template page in new tab - right-click - paste.
Hey sorry about that didnt realize you were on elementor. single-book.php was meant to just be the template that displays when you view a single book post, so in elementor I think youd want to go My Templates > Add New, template type Single, and then you can add your acf fields to it from there, see this link: https://elementor.com/help/elementor-acf/
Okay Boomer, let's see if can figure out your issue :)
I'm sure that back in your day, you had to climb uphill in the snow both ways just to create a website, but things are different now lol.
Firstly, what kind of website are you looking for? Is it a business site or a store? Are you using Elementor or Elementor Pro?
You can create any layouts in gutenberg, however you will need plugins to set up rows/columns/grids and then you can create the page accordingly. However you need to have html/css understanding to do it properly in gutenberg. Elementor is easier to design but is slower, gutenberg is harder to design but is faster.
If all the posts have the same layout, you could create template files for them, however you will need elementor pro for that.
https://elementor.com/help/creating-a-single-post-template-with-elementor-pro/
If you need ongoing help, feel free to PM me (not selling you anything), I do this professionally and can guide you through it easily
You can check this library with free 2021 WordPress themes and select something alike.
If you are not a developer, try installing Elementor as well to make your life easier with the templates. There is a great documentation here
What protection are you looking for?
If you’re looking to copyright the website go read this; Do I Need To Copyright My Website To Protect It?
To protect getting paid write up a specific Web Design Contract with a clear Statement of Work. Here’s a decent primer on that stuff. Write up a quote and have the client sign off on everything before, during, and after. I’d have them pay under a specific payment schedule, including a deposit. You want to do no work until you’ve been paid something and no work continues until you’ve been paid for hitting each payment related task. What to Include in Your Web Design Contract
Sure, It will.
Since Elementor's Form widget is a Pro feature, you can use the HTML Embed option and add the code to make it work. See this guide: https://elementor.com/help/html-widget/
Hello, my understanding is you have to put a picture in the background of your entire page or site. Your reference use a single small image (300x300px) who is repeated horizontally and vertically by default and fixed by css property.
You can do that with Elementor on your entire site. You'll found the procedure in this page : https://elementor.com/help/background-site-settings/
By default, your background image will be repeated and you just have to set the attachment option on fixed.
You can do the same thing on an unique page by clicking the gear icon located at the bottom left of the panel, in the Style tab.
The nicer and easier way is by using a page builder like Elementor.
I personally have done the effect when you hover, and the picture zooms in with a nice gradient as an overlay. I did it with their Call to Action Widget.
Cheers!
After reading up on this again, a LocalHost should not use up a license key.
Not entirely sure if this has to end in a choice of TLD's though, which are; .dev, .local or .test.
Sure it worked fine on my LocalHost and for an online .dev TLD that I bought by chance when Google offered them.
Not sure that your staging site will work for you as you currently have it set up, as it may be considered a different site that requires a key.
Working locally isn't quite the same as a staging website as it can't be pushed through as easily. Requires backup and cloning.
Here is an article masterclass from EM about working in a website staging environment -> https://elementor.com/blog/wordpress-staging-site/
Hopefully, someone can post what they do here for you too.
You don't have downgrade your current version of Elementor pro because they have release a patch and you should update it right now https://elementor.com/pro/changelog
Then you need help. This database, where is it from? What type of db is it? If it's a spreadsheet and it doesn't update You can get pretty far with a custom post type (using custom post types plugin) and advanced custom fields for the data. I imagine you can use that advanced custom fields data in a elementor template. https://elementor.com/blog/custom-fields-integration/
The only thing to tackle then is how to import the data, but that's doable.
Hey, I know you are not into WordPress at the moment as you mentionned, but the game has changed so much in the wp industry in the last years.
Check out Elementor (https://elementor.com) a page builder which is a complete 2019 wysiwyg front-end editor for WordPress. It's fast as hell and sooo intuitive! It's like wix and squarespace on steroid.
We have built and designed top quality musician Wordpress themes using this drag and drop page builder. You can see them at https://sonaar.io
Cheers
Exactly, you can use TablePress to create tables. Elementor also has a blog post on their site on how to use the two plugins together: https://elementor.com/blog/tablepress/
Thanks for testing it on mobile - I don't do a lot of mobile testing so I'll need to start stepping that up.
As for filters, I used a drag 'n' drop builder Elementor to put the site together quickly and couldn't find a good way to do filters. If I were a javascript dev, I'd have done it from scratch and somewhat differently but it probably would have become its own "big" project and I'd rather spend my time on other code stuff.
Thanks for the detailed feedback! I like the share buttons too :)
Edit: Fixed the padding
Everyone's sites and setups are different, you should always test on a test site first to be sure. I'd also reach out to Elimentor and follow their advice in terms of translating their product to work with Gutenberg. They've been posting about it for a while now: https://elementor.com/upcoming-elementor-v2/
You can use the free version of Elementor to design the pages that WP Astra imports. I didn't buy Elementor Pro for a couple months because the free version had what I needed. But a couple of my websites needed more, so I went ahead and purchased Pro.
The free version of Elementor has a lot of great modules to use, but Elementor Pro has 30 more modules on top of the 20+ free modules. Also, with Elementor 2.0 that was just recently released, you can create your own headers and footers. Elementor is turning into a theme builder itself.
https://elementor.com/introducing-theme-builder/
It all depends on the website, client needs, and functionality of the website you are building.
I haven't used GeneratePress. I have the Agency version of Astra, so I'm good with what it offers and can design almost anything with it. I recommend buying the Agency version and getting access to all of Brainstorm Force's plugins, including Ultimate Addons for Elementor. https://uaelementor.com
I also recommend you subscribe to the WP Crafter YT channel. He has some great videos on Elementor. https://www.youtube.com/channel/UCjDuxPEhNQ2qn_qAdjRG4YQ
> Lastly, what do you think is a good alternative to visual composer (that still makes responsive grids quick and easy)
Elementor - Its SUPER fast compared to Visual Composer and you will get a "live edit" screen for handling the content.
Its quite new still but developing is going along fast and the total users is now above 100.000 active installs.
Believe or not, this is a feature.
What's happening is the template from your theme has a max content width. But the page builder this was built in (Elementor) has a feature that allows you to "Stretch to fullwidth" (or something like that) and it's enabled on these sections.
The problem is that feature is powered by Javascript which is loaded at the end of the page and can't be processed until the document has loaded. So the page loads with the template's content width and then JS changes that to fullwidth and you can see it happen.
The simplest way to fix it would be to switch to the Full-width page template. Here is Elementor's help article on fullwidth.
Create a child theme of your theme and add any shortcode PHP functions into your child themes function.php file. Use the Elementor shortcode widget to render the element. Check out https://elementor.com/help/shortcode-widget/
While you definitely want to add 301 redirects for any URL (page, post, etc.) that you unpublish, I believe you were actually asking about how to create a custom 404 page template that would appear when someone browses to a URL that doesn't exist (or isn't properly redirected).
https://elementor.com/academy/how-to-create-a-custom-404-page/
it could be a change in your hosting rules and standards some hosts will disable php mail functiions ( like my host- inmotion hosting), i used a plugin for smtp for years and worked fine, but last year I found this solution when i was having a perfomace issue and was working with my host to elminate unnesccary plug-ins.
Its from elementors website on smtp plugins, but obvioulsy works great with divi. Use a child theme obviously.
Here is the article, scroll down to "How to Set Up WordPress SMTP Without a Plugin" https://elementor.com/blog/best-smtp-plugins/
I am not against plugins at all, but if you can do it with some simple code then why not, it beats future plugin headaces with forks, conflicts, bad support, etc
Good Luck!
First, make sure you don't expose your email on your website.
Captcha isn't foolproof so some sophisticated bots will be able to pass it. Add honeypot (comes with Elementor Forms) on top of captcha.
If you still getting spam, install third-party plugins like OOPSpam.
https://elementor.com/help/can-i-upgrade-my-license-after-i-have-already-purchased-one/
> you will only need to pay for the difference between your current license and the one you are upgrading to, based on a prorated price, depending upon how much time is left on your current subscription.
You can create duplicates of an element in the page and, for example, hide one on desktop and the other on mobile, or tablet. Check this video https://elementor.com/academy/elementor-responsive-101-all-you-need-to-know/
and let me know if you still have questions.
Cheers!
Check page layout settings of your front page (and all others for that matter) they should be elementor full width. Not elementor canvas or default. Could also be a conflict with your theme I’d recommend the hello theme by elementor.
Imo, this is best done by editing the column width on mobile. It defaults to 100% on mobile view, but you can overwrite that to 50% or whatever you want. You need to click on the little “desktop” icon next to seitch to responsive editing mode.
In the future, you may want to ask questions in /r/elementor.
Likely the display conditions of the original header are set to entire site. Remove display condition from original header and change the new headers to entire site. https://elementor.com/help/conditions/
This is a pro feature, although I believe someone had mentioned there's ways to do it on Free too with extra plugins.
https://elementor.com/help/posts-widget-pro/
Another option is to use a tag instead of category and flag the posts you want in this area with the proper tag.
In case you're not, use Chrome, Firefox, Edge (v79+) or Safari to do this. Other browsers aren't supported. Update your browser if you're on an older version.
Check with your server host to see if they're blocking for any reason. Could maybe be a firewall issue or some security setting they have in place. Make sure your memory limit is decent, you'll see a bunch of posts on here with people increasing but not enough. And double-check your file size and type, make sure you're not timing out or trying to upload a file format not supported.
https://elementor.com/help/requirements/ -- here are the server minimums and requirements for Elementor.
Have you tried uploading anything at all to your media center? Or connecting via FTP/SFTP?
Honestly, it's not that hard either. There's a term programmers and developers use - MVP - which is essentially the minimum viable product. Work towards "it works", making notes of things to "address later" and things will be a lot simpler.
Mind you, there are things that are easier to address sooner in the process, but you won't know that just yet. So just create a list of the minimum requirements in your mind and work towards that.
I might recommend using a "page builder" like Elementor and importing a basic blog template site. Work from there to get the site you want and investigate more advanced items later. https://elementor.com/library/
Alternatively, go clean install, get a "twenty twenty" or other twenty theme and just hit the customizer. Use the basics and learn to upgrade from there. Doesn't get more basic than that. Gutenberg will be relatively simple for anyone to use. Not super featureful, but it'll do. https://en-ca.wordpress.org/themes/twentytwenty/ https://en-ca.wordpress.org/themes/twentytwentyone/
If you recently updated Elementor Core to 3.5.3 version, there is an issue when adding widget icons to the favorites widgets section on the editor, disable that feature on experiments config...
More info: https://elementor.com/help/known-bugs-and-user-experience-issues/
Elementor strongly recommends not using this on production sites. It is still early access, mostly released for developers and bug testing.
>Important! Use with caution. Please do not use Developer Edition on production sites. Developer Edition releases, just like beta releases, may not be stable. Use it on staging environments only, and back up your entire website before updating.
I use Crocoblock, so forgot how to do this in EM.
From memory, I'm sure you need EM Pro (unless a free plugin exists that you can use). That is one of the downsides to using the free version.
If you have EM Pro -> https://elementor.com/help/create-archive-template/
WP itself has a specific way of controlling how this works. This is mentioned on the page that I've posted a link for above.
Looked into this.
Only becomes a risk if we allow users to upload SVG files that may contain script tags.
Our own SVG images are safe.
Elelementor also sanitzes SVG images -> https://elementor.com/help/enable-svg-support-in-elementor/
There are few ways to do this. The not so confusing way would be remove the post template, and create a new post using elementor for anything other than blog post. The way I would do it will be, get a CPT-UI plugin to help with creating Custom Post Type in wordpress. Then use the Elementor theme builder to create the template and set the display condition to the custom post type you created. You can read more about Custom Post Type and Elementor here: https://elementor.com/blog/wordpress-custom-post-types/
Solved! With the info you gave me I used this guide and solved the problem: https://elementor.com/help/i-changed-the-url-of-my-website-and-elementor-does-not-work-anymore/ Thank you very much
Instead of using a regular background image, select slideshow as the background type and just use 1 image. You can turn on ken burns for the slideshow. Article about background slideshow
I think thats what you mean. They explain how to use elementor in steps that each have a few subjects. But to be honest I've learned how to use elementor by watching those videos. Not only the official videos from elementor but from other creators as well. Ferdykorpershoek, LivingWithPixels, Darrel Wilson etc.
Hope this helped!
I believe so. You can deactivate the license from a website, then transfer it to another. You can check what website your license key is currently used on.
https://my.elementor.com/websites/
https://elementor.com/help/can-i-transfer-the-elementor-pro-license-key-from-one-domain-to-another/
The footer is most likely in the elementor templates section. There’s a bug sometimes that once you’re in the templates menu, you need to click “All” to see the existing templates.
I can't help. But just in case you didn't know; there is an 'under construction' setting in Elementor with an option to keep your website indexable for search engines. See: https://elementor.com/help/maintenance-mode/
Web development and design are two different skills. I can create pretty much any possible component with any functionality there is, but if you tell me to make it look nice it would come out looking utterly shit. It seems that something along these lines applies to you too.
I recommend for you to learn more about the design part. Here is an article that seems to cover the basics of it:
https://elementor.com/blog/website-color-schemes/
As others stated, look into copying other websites from major players. It can also help you to get started if you learn how to utilise one of the major CSS frameworks out there ( tailwind, bootstrap, foundation, bulma, etc. )
Right, you want that off if I'm understanding what you're trying to do (and I think it's pretty straight-forward from your explanation).
Here's the settings for the popup. Advanced kinda gets weird sometimes, at least a few times I thought it wasn't straight forward with their instructions and labels. Hope this helps!
Try playing around with the z-index in the custom CSS portion of your hero image; if it's lower than your header it should fall behind it.
I'm not sure if you can do that entirely programmatically, that's a question for someone smarter than me. Within the tools provided with Elementor, you could do this with a little bit of finesse. Possibly a good way to display is by showing more and controlling with tags instead of categories... you'd still have to flag your posts with appropriate tags though, so it's not as simple as a Google search or the like.
I'm pretty sure there's a free plugin that does sort of the same as the pro "show more posts" widget here:
https://elementor.com/help/posts-widget-pro/
Tons of ways to do this, although several will require some PHP scripting. This should hopefully help you figure a path forward entirely inside Elementor though.
Check: https://elementor.com/pricing/
They are hosted wordpress with really really nice professional templates. Going for a hosted wordpress with Shopify instance is also really useful as you won't need to worry about things such as SSL certificates and other webmaster stuff that can be overwhelming for a newbie.
What kind of description do you have in mind? Do you mean metadata, or just a description you've written? If it's the latter, then one possibility might be to use any one of the million audio players with an autoplay feature. Then, you can embed this player into an Elementor pop-up along with a text editor widget (for your description). Lastly, you can set it up so that a button, image, or any other kind of link you want will trigger the pop-up. You can do that last step by following this article.
If you want the former, then all you need to do is find a WordPress audio player that displays metadata, such as this one called Cue I just found with a quick Google search.
If your using Elmentor, you can check the "Video Widget" documentation to see if it has that capability here ......
https://elementor.com/help/video-widget/
You really need to know which versions of the theme/core software your running to hunt down the solutions for your problems .... for example, if your running Elementor, some widget/memory troubleshooting info is found here ....
https://elementor.com/help/elementor-widget-panel-not-loading/
I've never used Elementor or Elementor Pro, but according ot their terms (link) you are absolutely correct. The code is GPL, and the subscription allows you to access support and updates. The Pro Elements GitHub repository was being regularly updated until June 2021, but now that project seems to be abandoned. So ... the issue with updates and security could still lead to trouble.
It's good to hear you are having success with Gutenberg. In terms of performance it's seems to be much faster that the other page builders. I plan to start playing around with it, although I'm also getting to know the Bricks Builder plugin, which is built using vue.js framework and is a good investment if you build lots of sites and have some experience of html and css.
Cheers.
Yes, it's a live environment. The cache being part of the problem makes sense but I worry about breaks things I don't fully understand. I found this article .. https://elementor.com/help/caching-prevents-live-site-from-showing-changes-in-editor/
..and tried the regenerate the CSS option out and things seemed to work fine this time. I edited a post and created a new post and the changes appeared on my phone (I'm editing on my desktop) without having to do the clunky change something in wordpress thing I was doing. I understand some times servers take some time to update things but previously I couldn't get the changes shown unless I did my previous "work around". I may have also been impatient before but the changes almost went through immediately with the work around.
Either way for the time being it looks like the problem I was having has been resolved. Worst case scenario I go back to the old workaround.
For future reference when you mentioned disabling all caching while developing. Where you referring to disabling the caching in wordpress, elementor, or the site's server itself? I want to keep studying so I'm better prepared for future problems.
Thank you all for your time and info, best of luck to you all!
u/HighOnBonerPills
Good point, yes, sometimes there are always work-arounds needed.
I have used Elementor's "Custom Code" at times to add something "special" and set the conditions to sitewide to inject some code inside a header. That might be an Elementor tool / area that a lot of people may not know about or use (but it's only in the Pro version).
Here's a link for those who want to check that out: https://elementor.com/help/custom-code-pro/
Elementor recently introduced a feature "Export Kit". https://elementor.com/help/export-kit/
You are able to export all templates from one page, to another. You could create a staging website and import all of these from your various websites onto one. May not work perfectly, but the option is there.
Hi u/tenegade
If it's a global CSS style then I add it to Elementor's "Site Settings" CSS area.
However, if you are targeting a specific "widget"
Here's a helpful link for that: https://elementor.com/help/how-to-use-selector-in-the-custom-css-tab/
​
There's no need to go into the child theme or WP dashboard unless you intend to stop using Elementor.
Check this: https://elementor.com/help/gallery-widget/ and look for lazy load.
If this does not work, are you using Smush or something similar for your images?
Do you have something like "customer notes" available when an order is placed? If so you can direct customers to leave their ring size there when placing their order.
You might need to do some customization with Elementor to get what you need:
You could do that, although if you're using the Pro version of Elementor you'll need two licenses for certain domains. Your "test" URL denotes that it's a dev site and you'd be fine there, but if others they'll have to follow the rules for dev URLs.
https://elementor.com/blog/elementor-expands-license-to-include-staging-sites/
You'll still need to register Elementor with the new URL, and it's always good form to make sure you don't have things pointing to the dev site instead of live.
What you're suggesting on doing isn't the cleanest way, but it should work. (Unless you're doing some crazy non-regular stuff on the site....)
If you want to keep doing HTML and CSS but not be responsible for JS, you could look into job postings for Web Designer. That comes with a focus on the site style, colors, UX, etc.
There's not much info provided to troubleshoot. You can control button size responsiveness in Elementor; if you've done that and still having trouble, check if your CSS settings are overwriting it or otherwise different aspects of your theme.
It's some basic design changes, buried either in your theme, which I'm not familiar with, or you could check this post and change/check the settings in Elementor .. I think this will give you the guidance you need to fix your issue ..
The easiest way would be to use the free Insert Headers and Footers plugin. Here's a short guide on it. If you want to track when certain buttons are clicked, you can use the button widget in tandem with the HTML widget, to which you would add your tracking script. Here's some info on that approach (scroll to where it says "How to Track “Button onClick” Event").
Theres a button in Elementor on the button left panel that looks like a phone. Click on it, it will show 3 different sizes. Click on the one you want to edit and any STYLE changes you make when in that responsive view will only be for that responsive view.
Read the top of this post https://elementor.com/help/mobile-editing/
Here's an answer though anyway. And yes, it looks like Elementor might be a viable way to hack it.
Step 1: You need someway to redirect domain.com/dir/2 to domain.com/dir?image=2.jpg
This could be done with a custom hook in PHP or probably just with a well-crafted modrewrite rule.
Step 2: Get the image from the query parameter.
You can use this: https://elementor.com/help/dynamic-request-parameter-pro/
to pull the query parameter and use it as a field value. Presumably you could use it as the image source. You could do the same for the text as needed.
personally I would google "Wordpress Portfolio plugin" look at several out there and choose a decent one.
elementor do a portfolio plugin - https://elementor.com/widgets/portfolio-widget/
also see video - https://www.youtube.com/watch?v=sJFL3iG1Xjk
Not sure if you’ve already seen this but—https://elementor.com/blog/wordpress-sidebar-guide/
I think I still need a little more context—are you trying to do this without having to create multiple templates for each department? I’m trying to understand why you would use ACF instead of just creating custom sidebars and the respective sub-nav menu for each department template.
Ouch! What host and plan are you using? Here are some suggestions:
Elementor has released recent updates that help with this, and it definitely works well.
https://elementor.com/help/optimized-assets-loading/ https://developers.elementor.com/experiment-optimized-asset-loading/
It's not perfect but an excellent step in the right direction.