Background images missing

I just went through it, and it seems like a database problem.

i don’t think we can blame the theme guys for this, as the arrows etc. that you are talking about, is present in the theme. They are just not getting displayed:

for example:
test.cwscambodia.org/wp-content/themes/wpaid/images/sponsor_arrows.png

however, i could not find these image on your blog:
test.cwscambodia.org/images/indicator.png
test.cwscambodia.org/images/arrows.png

So, here is what you can do. Ask your host to fix your database… any decent host would do that.

Once done, it should get fixed, hopefully,
keep us updated,

Hi there, I really appreciate you checking that out for me. Thank you!
I will contact my host again although they have told me that they weren’t sure which line in the database to change and that WP is out of their scope of support. I’ll give it another go and see if I can get onto someone who can help.

I’ll keep you posted ??

Hi again,

I spoke to the developer and after some investigating they said the following:

The images that aren’t loading are being called from /images/ which doesn’t work
They need to be called from somewhere in /wp-content/
Otherwise the links break and the items don’t load

Unfortunately, He said he couldn’t help me any further than that. I am not sure if anyone can help me further?

Much appreciated.
Jacqui

Dear jac123
i checked your website, try this solution for -sponsor_title.png (behind the the ‘our supporters’ text) down the bottom of the home page.this is the style declaration for sponsors Title ID

#sponsorsTitle {
background: url(“images/sponsor_title.png”) no-repeat scroll 0 0 transparent;
color: #FFFFFF;
font-family: sans-serif;
font-size: 12px;
font-weight: bold;
height: 44px;
left: 50%;
letter-spacing: 0.7px;
line-height: 44px;
margin-left: -80px;
position: absolute;
text-align: center;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
text-transform: uppercase;
top: -11px;
width: 161px;
}

open your style sheet in a text editor named as style.css located at (themes/wpaid/style.css)then go to line 235/236 or search for sponsorsTitle.
Find this line
background: url(“images/sponsor_title.png”) no-repeat scroll 0 0 transparent;
Here change the background tag to background-image as below

background-image: url(“images/sponsor_title.png”) no-repeat scroll 0 0 transparent;

Hope it work ??

What I’ve done, as my one site is using a modified version of the twenty eleven theme, to get images to work (ones not declared through an external CSS file), is to add this before the images/whatever.png in img src tags:

<?php bloginfo(‘template_directory’); ?>/

This takes the template directory and puts it in front of the image so that it pulls from the right location.

HTH

Hi Rakesh Mohanta, thank you so much for having a look for me. I really appreciate it. Unfortunately, that didn’t work. I tried it in my test site (through the style sheet as well as the custom css in the dashboard) and the live site as well.

There is no ; or : needed apart from after transparent?

Thank you ??
Jacqui

Hi Manndtp, many thanks for the tip! Would you mind elaborating on this a little? Unfortunately I’m far from an expert but I would love to sort this issue out..

Thanks ??

@jac123 Sure. I have a wordpress site that I blended in a template I had been using pre-wordpress with the Twenty Eleven theme. Rather than trying to figure how to customize the twenty eleven layout to work with my template, I plopped my head section from my template right inside the header.php file. My images would not work, as they were all setup as images/image.png, which was of course looking for the images outside the wp-content folder. So I searched around and found that function I posted above. So I went from this:

<img src=”images/image.png” />

To this:

<img src=”<?php bloginfo(‘template_directory’); ?>/images/images.png” />

Adding in that little bit of PHP with the bloginfo function, the template directory was “pulled in” and the images started to be looked for inside the images folder within the template.

Hope that helps!

Hi Jac123,

Your problem is that you have a complete copy of your style sheet in your header.

The style sheet references those background images relative to it’s own location, (which is correct), but when you copy those styles into your header, the images are not relative to the style’s location.

I presume you have either copied the stylesheet into a screen in the theme options page that allow you to tweak the styles, or you are using something like Automattic’s custom css plugin.

Try either turning the custom css plugin off, or removing the styles you have added to your theme’s set up page. That should fix your immediate problem.

However, that may undo some of the style tweaks you wanted to achieve.

It is important to know that in order to tweak the theme’s style, you only need to add the bits you want to change, not a copy of the whole thing.

Mike, thank you! I can’t believe it was that simple! I’ll think i’ll just stick to editing the theme in the styles.css or like you said just adding the bits I want to change in the theme setup/dashboard (still have some tweaking to do). I have been trying to sort out this for so long and have spent so many hours on forums/talking to host etc… really appreciate your help! Is there anyway to give you stars or something? Virtual high five!?!

Many thanks also Manndtp for all your help, I’ll definitely keep that in mind for further issues.

Have a great weekend all ??

Jacqui

No problems. You’ve already thanked me. That’s enough.

Don’t forget to mark the issue as resolved on the right hand sidebar.