Can someone please tell me the path to my theme folder?
Permalink
Hi all,
I'm trying to add an arrow graphic to a CSS menu. The file lives in the following place in my custom them folder – sitename/themes/themename/a-images/arrow.png
On my .css file I'm using:
background-image:url(themes/kington/a-images/arrow.png);
I've tried every variation I can think of but can't see the arrow. Any help very welcome...
Thanks,
JP
I'm trying to add an arrow graphic to a CSS menu. The file lives in the following place in my custom them folder – sitename/themes/themename/a-images/arrow.png
On my .css file I'm using:
background-image:url(themes/kington/a-images/arrow.png);
I've tried every variation I can think of but can't see the arrow. Any help very welcome...
Thanks,
JP
Thanks for the reply. I designed the template myself and as far as I'm aware the template should be installed in yoursite/themes/themename/php files and images etc...
Please God don't tell me I've been putting them in the wrong place!
Please God don't tell me I've been putting them in the wrong place!
Sorry about that. I misunderstood the question. I'm glad that Jordan had the correct answer! I should have read the question more thoroughly, I was mainly answering according to the title of your post. Again, sorry about that. :)
What you need to find out is where the CSS file is location (which can be done very easily via Firebug in Firefox or Web Inspector in Chrome or Safari). In CSS you can use relative paths -- so all you need to know is the location of the image in relation to the CSS file. For example, if the CSS file is here:
...then you would use this as the url:
(The "double dot" thing means "go up a directory").
sitename/themes/themename/css/main.css
...then you would use this as the url:
background-image:url(../a-images/arrow.png);
(The "double dot" thing means "go up a directory").
Thanks Jordan, worked a treat... I've never even used Web Inspector before.
It's by far the best single tool I've ever come across for web development -- absolutely worth spending some time to learn what it offers. I'm still learning new things about it myself, even though I've been using it (and FireBug for Firefox) for years.
Great info, I'll pay more attention to that.
Thanks Jordan.
Thanks Jordan.
Most themes installed by someone else are located in "yoursite/packages/yourtheme/" if I'm not mistaken.
Hope this was helpful. :)