HMTL 5 - TopNav skin changed Home_logo.png background image

[ruthhenry]

My company has re-branded and I have changed the Home_logo.png in the Resources\Image directory and then changed the TopNav skin's Background Image.

skin_change.png

Now the search icon_search_01.png and the robots_24_02.png do not display on the desktop size. Note the robots display on tablet and mobile size.

The browser displays Failed to load resource.

failed_to_load_error.png

This was working before I changed the Home_logo.png in the TopNav skin.

Code from HomePage.css

Robot image

Code: Select all

div.topichero-two
{
	background-image: url('../Images/robots_24_02.png');
	background-position: top left;
	background-repeat: no-repeat;
	max-width: 380px;
	max-height: 300px;
	min-width: 380px;
	min-height: 300px;
	margin-left: 20px;
	float: left;
	clear: left;
}

Search Icon

Code: Select all

._Skins_HomeSearchBar.mc-component .search-submit 
{
	height: 40px;
    border-top: none 4px #2aace2;
    border-right: none 4px #2aace2;
    border-bottom: none 4px #2aace2;
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background: #2aace2 url(../Images/icon_search_01.png) no-repeat center center;
}

[NorthEast]

Images in the skin are embedded in the skin file (*.flskn) - they are not linked to files.
When the output is built, the image file in the output is extracted from the skin.

So to update your logo image, you need to re-select the image again in the skin.