Hi, the form’s here.

So I was chatting to someone the other day about this who was having a problem getting this to work, but couldn’t figure out why. They were using a theme, with a child theme for modifications, which is all good.

They’d used ftp and uploaded the file to a new images directory in their child theme folder, as above.

However, instead of adding the css into the theme’s stylesheet, the theme had it’s own ‘Custom CSS’ screen in the theme options panel and it turned out they’d used this to add the code above.

This didn’t work since the filepath in this context was relative to the parent theme and not the child, so the new gif wasn’t found. This also happens if you or your theme adds the CSS to the native customiser in WordPress which is: ‘Appearance > Customise > Additional CSS’

Instead of using either of these ways to add the CCS, it’s much easier to use ‘Appearance > Editor’ and add the css above in your stylesheet as per the original instructions.

If, for whatever reason, you still want to use a the native customiser or a theme driven custom CSS screen, then the simple solution to this is to use an absolute filepath.

Andy

Hey Richard

Absolutely. I realised a while back that since 4.6 this was now updated, but only got round to updating this post due to workload, but you’re 100% correct – so as you suggest – the new solution is above.

Thanks
Andy

Hey GemBro

Yeah I agree about the gifs. I tend to create a new one with the background already included if it’s on anything other than white. Unless it’s a top $ job I’m lazy and don’t tend to have the time to make my own – but I should give it a try one day 🙂

Replacing the image is fine – but every time you update the plugin – you’ll have to remember to go back and add the file back into the plugin’s folder. Remember I said I was lazy? Yeah – so just bang the file into your theme’s folder and add the CSS and forget it.

Anyhow thanks for the feedback!
cheers
Andy

Yeah I saw this when I was building a site over Christmas just too busy to update this article. I’ve posted the fix since v4.6 above.

Thanks for the feedback.

Andy

Hey MJ

Since I posted the original article, and as a few folks have pointed out here in the comments, CF7’s been changed since v4.6 and it’s now much easier.

The new solution is above.

cheers
Andy

div.wpcf7 .ajax-loader {background-image: url(‘images/ajax-loader.gif’);}