Support » Fixing WordPress » Section background images not showing on live site after migrating

  • I just migrated my site from localhost on my PC to the WWW and had to fix some image links that were broken, but my page background images didn’t seem to be fixed and they won’t show on a browser in Incognito mode. They only show when I’m logged in to wordpress.

    https://ibb.co/krFwv6
    https://ibb.co/h985oR

    The page I need help with: [log in to see the link]

Viewing 9 replies - 1 through 9 (of 9 total)
  • Access the CSS file via cPanel or FTP: search for “http://localhost/” and replace with “http://yourdomain/”

    That particular image is refered as background image property from this CSS file
    {yourdomain}/wp-content/uploads/elementor/css/post-153.css?ver=1511663641

    EDIT: I’m just aware that “elementor” in the path is some kind page builder plugin. In this case, we have to go to edit that page, locate the section, then fix the background image file path right there.

    • This reply was modified 4 years, 8 months ago by paulwpxp. Reason: Change where to find the background image CSS
    Thread Starter jooleyen

    (@jooleyen)

    I tried changing the background in Elementor and it changes in the editor, but the live page is still a blank background.

    I also checked the css file with path: /wp-content/uploads/elementor/css/post-153.css?ver=1511663641 that you mentioned above, and it’s showing the correct path for the background image as : http://www.julienkozak.com/wp-content/uploads/2017/10/fullsizejpegit-knees.jpg

    See, look… .elementor-153 .elementor-element.elementor-element-0cgkeq5 > .elementor-element-populated{background-image:url("http://www.julienkozak.com/wp-content/uploads/2017/10/fullsizejpegit-knees.jpg")

    Any other ideas to fix this blank background?

    Thread Starter jooleyen

    (@jooleyen)

    Nevermind, it’s now working. I don’t even know what I did though. I only changed one background image, and now they all work. I notice my live site isn’t updating right away, so maybe that’s why I thought it wasn’t working. dumb luck. Thanks again

    It’s browser cache. I usually do a hard refresh, press and hold Ctrl and then press F5, do this every time after changes made so that we can see the updated version of the web page.

    This problem occurs just because of “User Permissions”. I used Microsoft Windows Server 2012, So I followed following steps:

    Go to Control Panel -> System and Security -> Administrative Tools
    Search for Internet Information Services (IIS) Manager and double click on it
    Then go to sites
    Select your live site -> Right click on it -> Edit permisions
    Go to Security tab
    Click on edit -> Click on “Add…” button for adding new user.
    Type Every -> click on Check Names -> Click on Ok
    Now you can see “Permissions for Everyone” options below Add and Remove buttons.
    Check full control check box and click on apply
    And finally click on Ok.
    Now you can change section backgrounds in elementor plugin from everywhere without any issues in live site.

    Just don’t forget to remove that user after complete updation of live site. It’s bad practice to have full access to live site.

    I’m having a similar problem

    I’m using the OceanWP theme and Elementor as my page builder….. When I view the site on my computer everything looks fine…… But when it is viewed on a mobile device or another computer all my background images are gone….I have searched high and low for a solution….I do hope someone in here can help me with this….I am kinda new to WordPress so if it’s possible can you be detailed with how to fix this so I can hopefully get it done….. I’ve been trying for days

    How The Site Looks To Everyone Else

    How It Should Look

    Hey,

    Did you find a solution? I got the same with OceanWp and Elementor…

    Thank you!

    I think for those using elementor this is an issue within that plugin itself.

    Turning off and using a standard maintenance mode plugin works so…

    Background issue in elementor https://wordpress.org/support/topic/maintanance-coming-soon-mode-background-image-not-displaying/

    For me, it’s css files as mentioned above. I’m using OceanWP and Elementor.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Section background images not showing on live site after migrating’ is closed to new replies.