Thread: Logo Image
View Single Post
  #5  
Old 11-05-2009, 04:24 PM
 
A1Gifts A1Gifts is offline
 

Advanced Member
  
Join Date: Sep 2009
Location: Ridgecrest, CA
Posts: 64
 

Default Re: Logo Image

I hope I am understanding your needs. They were mine too. I also hope I am not being repetitive of someone elses post. Only trying to help.
This is what I did (I have 4.2.2):
Went to: main.css Scroll down to:
=====Layout Styles=====
Then changed the "Company Logo" to my Logo URL using https://yourwebsiteurl/wherelogois...etc. See true example below (changes are bold in red):

/*================================================= =============================
layout styles
================================================== ============================*/
/* page container */
#page-container {
margin: 0px auto;
width: 780px;
min-height: 100%;
position: relative;
}
/* page layout */
#content-container {
clear: both;
float: left;
overflow: hidden;
position: relative;
width: 100%;
padding-bottom: 68px;
margin-top: 153px;
z-index: 1;
}
#content-container2 {
float: left;
position: relative;
right: 100%;
width: 200%;
}
#center {
float: left;
position: relative;
width: 50%;
left: 50%;
}
#left-bar {
float: left;
position: relative;
width: 180px;
}
#center-main {
margin: 0px 0px 0px 200px;
overflow: hidden;
position: relative;
}
.welcome-page #center-main {
margin-left: 0px;
}
#header {
height: 153px;
position: absolute;
top: 0px;
width: 100%;
border-top: 4px solid #f3c8bf;
}
#footer {
height: 68px;
width: 100%;
position: absolute;
bottom: 0;
overflow: hidden;
float: left;
}
/*
Right-to-left
*/
.rtl {
direction: rtl;
}
/*
header styles
*/
#header .line1 {
margin: 0px;
position: relative;
height: 102px;
direction: ltr;
}
#header .line1 .logo {
position: absolute;
left: 20px;
top: 31px;
width: 228px;
height: 50px;
}
#header .line1 .logo a:link,
#header .line1 .logo a:visited,
#header .line1 .logo a:hover,
#header .line1 .logo a:active
{
display: block;
width: 375px;
height: 75px
;
background: transparent url(https://www.a1discountgifts.com/images/a1logored.gif) no-repeat left top;
}
#header .line1 .logo img {
display: none;
}
/* header tabs */
.tabs {
position: absolute;
===========================
Don't forget to change the image width and height (shown in red).

This seemed to work with all pages.

Hope this helps!!

A1Gifts
4.2.2
__________________
4.2.2
Currently using Template:
Fashion Mosaic- Pink
Reply With Quote