Jump to content

add my logo


Recommended Posts

  • Replies 68
  • Created
  • Last Reply

Top Posters In This Topic

Guest hobbyofkings

What if the logo is a jpg? Where in the code is the file referenced? I hunted for a good couple of hours with no luck. Even tried Find>containing the words > Logo in windows on a local copy of the source to no avail.

Love a tip on this one.

Link to post
Share on other sites

@ HobbyOfKings:

Easy enough.

LEGEND

In the Legend skin, the logo is part of an image called topHeader.jpg, size 756 X 116 px, located in skins/Legend/styleImages/backgrounds/topHeader.jpg

Example:

topHeader.jpg

The logo image is referenced in layout.css at #topHeader, located in skins/Legend/styleSheets/layout.css

topHeader.gif The logo image is referenced in layout.css at #topHeader, located in skins/Killer/styleSheets/layout.css contentBg.jpg The logo image is referenced in layout.css at #pageSurround, located in skins/Classic/styleSheets/layout.css

#topHeader {

	text-align: right;

	height: 116px;

	margin-bottom: 10px;

	padding-right: 9px;

	padding-top: 0px;

	background-image: url(../styleImages/backgrounds/topHeader.jpg);

	border-bottom: 1px solid #000000;

}





KILLER



In the Killer skin, the logo is part of an image called topHeader.gif, size 165 X 96 px, located in skins/Killer/styleImages/backgrounds/topHeader.gif



Example:



#topHeader {

	text-align: right;

	height: 100px;

	background-image: url(../styleImages/backgrounds/topHeader.gif);

	background-repeat: no-repeat;

}





CLASSIC



In the Classic skin, the logo is part of an image called contentBg.jpg, size 355 X 599 px, located in skins/Classic/styleImages/backgrounds/contentBg.jpg



Example:



#pageSurround {

	width: 748px;

	margin: 0px auto;

	padding: 5px;

	border: 2px solid #333333;

	background-color: #FFFFFF;

	background-image: url(../styleImages/backgrounds/contentBg.jpg);

	background-repeat: no-repeat;

	background-position: left top;	

}

- More notes from the tutorial I'm developing ;)

Link to post
Share on other sites
  • 1 month later...

In the Killer CSS File (skins/Killer/styleSheets/layout.css)

Find The Code

#topHeader {

text-align: right;

height: 100px;

background-image: url(../styleImages/backgrounds/topHeader.gif);

background-repeat: no-repeat;

}



And Replace with




#topHeader {

text-align: right;

height: 100px;

background-image: url(../styleImages/backgrounds/topHeader.gif);

background-repeat: no-repeat;

background-position: center;

}

NOTE THIS WILL PUT IT DEAD PAGE CENTER REGARDLESS OF THE SEARCH BOX.

Edited by aikdo
Link to post
Share on other sites
Guest alexisb

Hi,

Bitz'n'Batz: those last lines of code were not PHP, they are CSS, which can help a lot when designing your sites.

Sorry if you already knew that, I think this little piece of information could help others who are just starting.

Regards!

Link to post
Share on other sites
  • 2 weeks later...

I tried what you said. Upload logo, rename to topHeader.gif

It didn't show up in the header. Could this be b/c I purchased a skin? and it isn't one of cube carts. Just wondering.

Thanks Teakey

Link to post
Share on other sites
  • 3 months later...

hommer- im trying what u did in your first post

i go to the folder

/public_html/skins/Classic/styleImages/backgrounds/

then i copy and paste my (topheader.gif) into that folder

nothing happens

thanks

Link to post
Share on other sites
  • 2 weeks later...
Guest DocRocks

Good that I found this thread. Just starting a project and I'm also a Zencart user but find CC better focused for this client's project

I am using a clone of the Legend skin in CC v.3. The draft of the homepage is at therapromeds.com/store to view the problem below.

I created a new topHeader graphic of the size recommended by Markscarts in this thread ( 756 X 116 px) and put it into the skins/myfolder/styleImages/backgrounds folder. The graphic displays but starts to repeat at the bottom of the header space. Did I get the jpg size wrong or must I change the header cell space in one of the tpl or other files?

Thanks for the help.

Link to post
Share on other sites

Hello DocRocks, here is what you presently have in styleSheets/layout.css:

#topHeader {



	text-align: right;



	height: 116px;



	margin-bottom: 10px;



	padding-right: 9px;



	padding-top: 0px;



	background-image: url(../styleImages/backgrounds/topHeader.jpg);



	border-bottom: 1px solid #000000;



}

What you need is:

#topHeader {

text-align: right;

height: 116px;

margin-bottom: 10px;

padding-right: 9px;

padding-top: 0px;

background-image: url(../styleImages/backgrounds/topHeader.jpg);

background-repeat: no-repeat;

border-bottom: 1px solid #000000;

}

For more info, read http://cc3.biz/extras/ChangeLogo.pdf

Link to post
Share on other sites
  • 4 weeks later...
  • 4 weeks later...
Guest bajdaj

Hi i deleted the original topheader.jpg and uploaded my new topheader.jpg that i want as my header, but now when i load my store the header is completely gone, can anyone help me.

thanks

Link to post
Share on other sites

@ HobbyOfKings:

Easy enough.

LEGEND

In the Legend skin, the logo is part of an image called topHeader.jpg, size 756 X 116 px, located in skins/Legend/styleImages/backgrounds/topHeader.jpg

Example:

topHeader.jpg

The logo image is referenced in layout.css at #topHeader, located in skins/Legend/styleSheets/layout.css

topHeader.gif The logo image is referenced in layout.css at #topHeader, located in skins/Killer/styleSheets/layout.css contentBg.jpg The logo image is referenced in layout.css at #pageSurround, located in skins/Classic/styleSheets/layout.css

#topHeader {

	text-align: right;

	height: 116px;

	margin-bottom: 10px;

	padding-right: 9px;

	padding-top: 0px;

	background-image: url(../styleImages/backgrounds/topHeader.jpg);

	border-bottom: 1px solid #000000;

}





KILLER



In the Killer skin, the logo is part of an image called topHeader.gif, size 165 X 96 px, located in skins/Killer/styleImages/backgrounds/topHeader.gif



Example:



#topHeader {

	text-align: right;

	height: 100px;

	background-image: url(../styleImages/backgrounds/topHeader.gif);

	background-repeat: no-repeat;

}





CLASSIC



In the Classic skin, the logo is part of an image called contentBg.jpg, size 355 X 599 px, located in skins/Classic/styleImages/backgrounds/contentBg.jpg



Example:



#pageSurround {

	width: 748px;

	margin: 0px auto;

	padding: 5px;

	border: 2px solid #333333;

	background-color: #FFFFFF;

	background-image: url(../styleImages/backgrounds/contentBg.jpg);

	background-repeat: no-repeat;

	background-position: left top;	

}

- More notes from the tutorial I'm developing ;)

Link to post
Share on other sites

Hi MarkCards,

I used "paints" to create logo at 174X96 pix and save it as topHeader.dif and upload it to /store/skins/Killer/styleImages/backgrounds/topHeader.dif but the cube card logo still show up. I download to file back and saw my new logo. Why the CubeCart logo is not replaced?

Thank in advance

Link to post
Share on other sites
Guest bajdaj

Hi i am using the legend skin, i was wondering if anyone knows how to change the search, welcome guest, login, and register words from white to black in my header on the top right side.

thanks a bunch

Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.




×
×
  • Create New...