The path that you can use in your CSS shouldnt be any more complex than this: div background: url(/Images/logo.png) left center no-repeat Since your theme is in the MyTheme folder and both Images and Global are subfolders of that, this path should work for you within your CSS. How, in my css, would I point to the public/img folder of mine? Or should I be pointing it to something else in the first place?So I got the background image working, but Im still wondering if this is the right way to point to things. For background image not displaying properly in IE8, check the display setting of your computer. Solved: Hi, I have several pages using CSS style sheets and for around1. I created a Zen subtheme and an images folder, under the sub-theme folder. CSS Image not showing in visualforcepage? Html file (/index.html).
In your CSS backgrounds, depending on the content of the image, you may use a JPEG, PNG or GIF file as your background image.In our example, the background.jpg file is located in the images folder in the root directory. 4. Again to add background image, first save the images in the same folder where your HTML file is situated and then open the css file that you have created in step-2. 5. Type the following code in the same css file i.e. style.css. The CSS property background-image is used to insert a background image.NB: Notice how we specified the location of the image as url("butterfly.gif"). This means that the image is located in the same folder as the style sheet. For detailed information on using background and the associated properties mentioned here, check out this tutorial on CSS-Tricks.If setting a background image inside a child theme stylesheet, you can store images in the assets/images or assets/preset-images folder and path to them internally. Attempting to show a background image in the CSS file of sites/all/themes/adaptivetheme/atsubtheme/ css/global.styles.css.Cleared all cache, Ive added this in the main images folder of the .com/ images/bk.jpg and the In the folder called "Images" I have placed the image "booked.jpg".Ive even copied the image to the same folder as my CSS file and the web pages but it will still not display the image in the background. HTML stands for Hypertext Markup Language and is code that tells a browser what to show on a web page. CSS stands for Cascading Style Sheets and is used to change the appearance and layout of a web page. Youll need aCreate a folder to hold your HTML file and background image. See i have the background.css file there and image that i have to use is also in the same directory( folder). so i dont need to use any or / in my url. just give the path straight away. but when it loads as CSS background-image, the path appears to be mangled likeI convert the PSD to several png files using imagemagick node module and store the png files inside my "tmpPreview" folder. Pointing CSS background image to the correct folder. This path is relative to the includes folder where the css is located.