Note: Due to a wordpress requirement, as of 3.6 you need to fully qualify the path names.
Short Description: Put images in 'wp-content' so you don't have to move them during upgrades of the theme.
As of Atahualpa 3.4.7, you can use PHP in the CSS Inserts and several other options of Atahualpa. A great feature of this is to use one of the dynamic PHP functions - bloginfo('template_url') - to point at the template path. This will work no matter what you name the Atahualpa folder. This is perfect for referencing any of the included Atahualpa images. But what if you have a custom image?? Up to now, you had to put your image in the Atahualpa folder and them move it when you upgraded the theme.
The PHP function bloginfo() has some other options you can pass it and 'wpurl' is the one we want to use. It returns the url of the WordPress folder. By adding 'wp-contents' and a folder of your own to the path, you can use a folder of your own that is outside the theme folder.
Note this doesn't work for the header images...yet...
1) create a folder in the 'wp-content' folder called 'my-atahualpa-images'
3) put all your custom images in 'my-atahualpa-images'
4) reference your images with
HTML Code:
<?php bloginfo('wpurl'); ?>/wp-content/my-atahualpa-images/image1.jpg
HTML Code:
div.widget ul li { background: url('<?php bloginfo('template_url'); ?>/images/myimage1.jpg') no-repeat 0 7px }
HTML Code:
div.widget ul li { background: url('<?php bloginfo('wpurl'); ?>/wp-content/my-atahualpa-images/myimage1.jpg') no-repeat 0 7px }