Replacing Images in a 3rd Party Template

[cobzhoare]

Hi All,

I have recently bought and uploaded a third party template to Joomla.

The template has a red colour theme (all the main images have a read style) and I need to change the theme to purple to match my company branding.

I have edited all the images in photoshop so that anywhere they were red, they are now purple. When I delete the original images in media manager and replace them with the modified images (which are all the exact same size and file type and name), the original red images that came with the template just reappear.

Can anyone help me out on this, as the template is useless to me in it's current colour scheme?

Sorry for any naievety, I am a total novice with regards to web design and Joomla.

Many Thanks,

Colin.

[enbees]

Hi:
Seemed it would be easier for us to help if you could paste the URL of the live site.

[cobzhoare]

Sorry, here we go:

delcol-construction.cloudaccess.net

I haven't edited any content apart from the menu headers.

[enbees]

I checked with firebug: http://docs.joomla.org/Using_Firebug_Wi ... la_Website

1. Logo, defined in your template index.php

Code: Select all

<img alt="STR " src="/templates/theme503/images/logo.png" title="STR ">

You might want to check if this logo at this location is the one you want.

2. your left image, defined in template.css (line 690)

Code: Select all

.header-box .fleft {
    background: url("../images/wrapper_menu_extra.jpg") no-repeat scroll 0 0 #F4F4F4;
    height: 480px;
    width: 282px;
}

You might want to check if you do have the correct image in that location, and if #F4F4F4 is the desired background color.

3. Your top menu hover background color, defined in template.css (line 553)

Code: Select all

.row-top-menu ul.menu-nav li a:hover span, .row-top-menu ul.menu-nav li a:hover span, 
.row-top-menu ul.menu-nav li.active a, .row-top-menu ul.menu-nav li.active a span {
    background: url("../images/top_menu_wrapper_hover.gif") repeat-x scroll 0 0 transparent;
    color: #FFFFFF;
}

You might want to check as well