Ocean Front Template Support Thread

[clydejones]

Thanks for the reply. I love your template.

The logo is 98x98 and I would like to see the logo on the top right of the header above the View Cart tab of each page of the site, if possible, rather than on just the home page.

first:

open
includes/templates/ocean_front/css/stylesheet.css

add/make the highlighted changes:

#logoWrapper{
	position: relative;
	top: 0;
	left: 28px;
	/*background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;*/
	height:100px;
	width:790px;
	}

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/THE_NAME_OF_IMAGE.gif) no-repeat
}

save the file and upload to your server

second:
save the image to includes/templates/ocean_front/images

third:

open includes/templates/ocean_front/common/tpl_header.php

Find the following section of code and make the highlighted changes:

<div id="logoWrapper">
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<div class="sslSeal">&nbsp;</div>

save the file and upload to your server

[meowhead]

That's exactly the info I needed.

Thanks, Clyde.

[clydejones]

That's exactly the info I needed.

Thanks, Clyde.

glad to help.

[meowhead]

Clyde,

I must have done something wrong because I can't get the logo to appear.

Any ideas?

[clydejones]

Clyde,

I must have done something wrong because I can't get the logo to appear.

Any ideas?

try making the highlighted changes in the stylesheet.css:

Also make sure you've uploaded Trust_logo.gif to includes/templates.ocean_front/images.

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/Trust_Logo.gif) no-repeat;
height:98px;
}

[meowhead]

Well, I made sure the image was uploaded to includes/templates/ocean_front/images and I've copied and pasted the code (plus some surrounding code) from the stylesheet.css and the tpl_header.php below...

from includes/templates/ocean_front/css/stylesheet.css


headerWrapper, #contentMainWrapper, #logoWrapper, #cartBoxListWrapper, #ezPageBoxList, #cartBoxListWrapper ul, #ezPageBoxList ul, #mainWrapper, #popupAdditionalImage, #popupImage {
margin: 0em;
padding: 0em;
}

#logoWrapper{
position: relative;
top: 0;
left: 28px;
/*background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;*/
height:100px;
width:790px;
}

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/Trust_Logo.gif) no-repeat;
height:98px;
}
#logoWrapper a:hover {
background: transparent;
}


from includes/templates/ocean_front/common/tpl_header.php



<div id="headerWrapper">
<!--bof-branding display-->
<div id="logoWrapper">
<div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
<div class="sslSeal">&nbsp;</div>
<div id="logo"><?php echo '<a href="' . HTTP_SERVER . DIR_WS_CATALOG . '">' . zen_image($template->get_template_dir(HEADER_LOGO_IMAGE, DIR_WS_TEMPLATE, $current_page_base,'images'). '/' . HEADER_LOGO_IMAGE, HEADER_ALT_TEXT) . '</a>'; ?></div>
<?php if (HEADER_SALES_TEXT != '' || (SHOW_BANNERS_GROUP_SET2 != '' && $banner = zen_banner_exists('dynamic', SHOW_BANNERS_GROUP_SET2))) { ?>
<div id="taglineWrapper">
<?php





See anything that shouldn't be? I know it's late. If you're tired, don't worry, go to bed. Take your time. I just want to do it right.


Forever grateful,

Will

[meowhead]

Clyde,

By the way, when I look at the site with IE7 I don't see the logo at all.

However, when I look at the site with Firefox I see the logo peeking out from the right edge.


Does this info help?

[clydejones]

Clyde,

By the way, when I look at the site with IE7 I don't see the logo at all.

However, when I look at the site with Firefox I see the logo peeking out from the right edge.


Does this info help?

Lets try one more thing:

make the highlighted change in the stylesheet.css

.sslSeal {
position: absolute;
top: 0;
right: 0;
background: url(../images/Trust_Logo.gif) no-repeat;
height:98px;
width:98px;
}

also try clearing the browser cache and then refresh the page.

[meowhead]

Success! With Firefox, anyway.


It shows with Firefox but not with IE7. Is there any fix for this?

[clydejones]

Success! With Firefox, anyway.


It shows with Firefox but not with IE7. Is there any fix for this?

only thing I can think of is to change the height declaration in this declaration as indicated by the highlight.

#logoWrapper{
position: relative;
top: 0;
left: 28px;
/*background-image: url(../images/header_bg.jpg);
background-repeat: repeat-x;
background-color: #ffffff;*/
height:100px;
width:790px;
}