My website is not loading the background images on live version - it just shows the text and a grey screen.
I built the site using Elementor.
Here are the pages
(all service pages).
I compressed all images to about 100K so they shouldn't be too big to load. The one one the homepage is 99K and it loads.
Thanks
Looking at the page you linked the path to the background image you are trying to have show up has this path: http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg
You can solve it
Step 1 - Elementor -> Tools -> Replace URL -> http://localhost/ -> https://wwlandscaping.com -> Replace URL
Step 2 - Elementor -> Tools -> General -> Regenerate CSS -> Regenerate Files & Sync Library -> Sync Library
I had similar challenges getting Elementor background images to load on devices in local environments using Local WP with live link.
Here's how I solved for it. The Elementor Migration Guide was super helpful.
From the elementor migration guide:
Background images are saved in a CSS file which has an absolute URL.
To avoid migrating issues with the background images without having to
write a script, you can define the CSS Print Method to be inline
instead of using external files, if you want. This can be done by
going to Elementor > Settings > Advanced > CSS Print Method > Internal
Embedding> CSS print method: inline, on your WP dashboard.
Here's what got elementor background images working on local devices for me. I'm using Local WP with live links for device testing:
In your local environment set the local Elementor css print method
to "internal embedding" (Elementor > Settings > Advance)
Conduct a url rewrite (old environment URL to new environment URL)
Regenerate Elementor files (Elementor > Tools > General)
After I did this, in my local environment, my background images showed up in local devices. I then did a push to staging and prod (database included) to see if the background images were still visible and they were. Everything worked.
For production - Elementor cites performance enhancements when having Elementor's css print method set to "external".
If you want to do this on prod, after you're done with your device testing, follow these steps:
In your prod environment set the local Elementor css print method to "external file" (Elementor > Settings > Advance)
Conduct a url rewrite (old environment URL to new environment URL)
Regenerate Elementor files (Elementor > Tools > General)
I think this should solve the Elementor background image conundrum when developing sites locally and on devices. Please let me know if I'm wrong here.
Your images are still referencing localhost. for example http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg. I advise you to export your site using something like all in one wp migration, so that it fixes the links or find a way of fixing these image links.
Looking at the page you linked the path to the background image you are trying to have show up has this path: http://localhost/woodworks/wp-content/uploads/2019/01/services-decking.jpeg You can see you are still referencing your localhost which is your internal webserver and not the one you are using now. If you remove the localhost domain it should work correct provided the image is in the correct path.
Step 1 - Elementor -> Tools -> Replace URL -> http://localhost/ -> https://wwlandscaping.com -> Replace URL
Step 2 - Elementor -> Tools -> General -> Regenerate CSS -> Regenerate Files & Sync Library -> Sync Library
Step 3 - go to page and click edit page from elementor. Select image background and remove image.
step 4 - click update.
step 5 - upload image again and click update.
Please try to replace your URLs. Log in to your Wordpress account on whichever server it is hosted.
On your Dashboard screen, navigate to Elementor -> Tools. In General tab, regenerate CSS files.
A simple workaround because the tools from Elementor didn't helped: connect via FTP to your website.
Go to the following folder: /wp-content/uploads/elementor/css
download them and search and replace the old background URLs
For me I had some CSS in another folder: /wp-content/uploads/ao_ccss
I changed the background URLs there and it fixed the problem.
Anyone who has this problem (on laptop) and is at the end of there wits.... check the background on android.....if the background shows then the issue is with breakpoints. For some reason settings for laptop/pc were not set. Only mobile/tablet were preset for me.enter image description here
This thread helped me find the issue I was having with background images not showing but in my case it was a permissions issue. Make sure that the /wp-content/uploads/elementor/css folder is writeable by the webserver.
I am unable to find this page in the Joomla files. I want to edit this table and place a link in every row in the table. This is a creative contact form plugin for Joomla.
The page link from the Joomla administrator is https://SITENAME.COM/administrator/index.php?option=com_creativecontactform&view=submissions
Thanks in advance.
If I see it right, it's not a plugin, it's a component. I assume that you want to change the view, not the database table.
You should find all the files that handle the output of these components in the directory:
JOOMLA/administrator/components/com_creativecontactform/views/
or for frontend in the directory
JOOMLA/components/com_creativecontactform/views/
The file you're looking for should be in the directory
JOOMLA/administrator/components/com_creativecontactform/views/submissions
Upate: You should not change the original files. If you like to change the output you have do create an override. See section Component Output Types and Layout Overrides in the Joomla documentation Understanding Output Overrides.
i am using joomla and I want to remove the four link tabs that reffers to googleplus twitter and facebook and news feeds . they are on top of the home page . how can I do that .
Those are added by your template. Check your template's configuration (from your backend), it most likely will have an option for you to disable it. If not, check your template's files (located in /templates/
I have checked my plugins but I could not find anything useful . I am using the pronostar template . it has no useful option to remove this . I have found my template files but I do not know wich file I should change.
1) It could be a module. Then you should go to Extensions > Module Manager under Administrative Panel and turn off the module with Social icons. It could be named arbitrarily, but you could find it by position.
For Joomla 3, positions are drawn here.
2) It could be configured in the template. Then, go to Extensions > Templates > Styles > Protostar and open it by clicking the template name.
I have the following settings with my (other) template:
]
Im kinda new to DNN and I need to control the text editor not to show the system files when users attach files to a mini blog. Is there a way to manipulate the DotNetNuke.UI.UserControls.TextEditor attachment path to look only on a specified folder and not defaulting to ~/portal/[portalid]?
Thanks in advance!
Cheers
In the Host/ HTML Configuration Manager page you can choose the "Path" that the Text Editor loads by default (found under the Image Manager Settings section)
You can also make those settings apply only to a specific page or role if necessary
We currently are running DotNetNuke 4.0.6. On the portals there are links that we have created to access files located on fileshares. When we set them up and save the page, then when we click that link nothing happens.
I have currently set the link up like this:
Link Type - URL
Protocol - Other
URL - file://///myfileshare/filesharename/folder1/folder2/myitem.pdf
If I select anything else (http, https, ftp) it doesn't work. When I mouse over the link it looks to be rendering correctly.
Can anyone help with why this may be happening? Am I missing a setting or selecting the wrong item?
The text in the editor is this:
Service Station for
Please remember the information presented in the newsletter is confidential and should not be shared outside the company.
Read more... (where "Read More" is the link)
There are a few items that you want to remember here.
Users need to have access to that share, so it is possible that could be your issue
It looks like you have a few extra //'s in your link. Should be file://, might need to switch to HTML view in the editor to modify.