Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / Want to modify header on store front

Want to modify header on store front

Views: 991

Results 1 to 8 of 8
28 Jul 2012, 7:47 PM
#1
fudge avatar

fudge

New Zenner

Join Date:
Jan 2012
Posts:
16
Plugin Contributions:
0

Want to modify header on store front

I purchased this store and it came with a template that I am not familiar with. Where do I modify the header layout. I want to move the search box to the right and enlarge my logo image on the left. I can overright the images with new ones but they would overlap if I didn't move the search box over.

http://papercraftkits.com

I will build/modify my own template soon but I wanted to get this store back online as soon as I could. It took almost a week to get the files uploaded to my server as the site serves digital downloads for sale.

Any help to point me in the right direction is appreciated.

TIA,
Carol

28 Jul 2012, 8:06 PM
#2
raj3396 avatar

raj3396

New Zenner

Join Date:
May 2011
Location:
DELHI,INDIA
Posts:
43
Plugin Contributions:
0

Re: Want to modify header on store front

just edit your stylesheet.css
#navMainSearch label{

   color: #7C7C7C;

font-size: 12px;

font-weight: bold;

padding-left: 10px;

padding-right: 14px;

text-transform: uppercase;
float: left; 


}

float: left; change to float:right

28 Jul 2012, 8:40 PM
#3
fudge avatar

fudge

New Zenner

Join Date:
Jan 2012
Posts:
16
Plugin Contributions:
0

Re: Want to modify header on store front

Thank you. That worked but it only moved the word Search. I need to move the other words and images. I am just learning css and I'm not sure which things to change. Not sure what abolute means for example.

#navMainSearch{

background: url("../images/search_bg.gif") no-repeat scroll 0 0 transparent;

height:34px;

margin-left:72px;

padding-top:10px;

position:absolute;

top:67px;

width:413px;

}



#navMainSearch label{  

   color: #7C7C7C;

font-size: 12px;

font-weight: bold;

padding-left: 10px;

padding-right: 14px;

text-transform: uppercase;

    float: right;



}

#navMainSearch .searchbut{

background: url("../images/go_but.gif") no-repeat scroll right center transparent;

padding: 0;

	}	

#navMainSearch input {

background: none repeat scroll 0 0 transparent;

border: medium none;

padding-left:5PX;

width:290px;	

}

28 Jul 2012, 9:09 PM
#4
fudge avatar

fudge

New Zenner

Join Date:
Jan 2012
Posts:
16
Plugin Contributions:
0

Re: Want to modify header on store front

Thanks for pointing me in the right direction. I figured it out now.

28 Jul 2012, 9:24 PM
#5
raj3396 avatar

raj3396

New Zenner

Join Date:
May 2011
Location:
DELHI,INDIA
Posts:
43
Plugin Contributions:
0

Re: Want to modify header on store front

yes you have done it right

28 Jul 2012, 9:31 PM
#6
fudge avatar

fudge

New Zenner

Join Date:
Jan 2012
Posts:
16
Plugin Contributions:
0

Re: Want to modify header on store front

Before I start a new thread on this, how do figure out where to update the newsletter link. When you click on the image you get a page not found. I may need to add a page that directs to my signup page. Just can't figure out what file to look for. I tried EZpages and main page php file.
Thanks again.

28 Jul 2012, 9:40 PM
#7
raj3396 avatar

raj3396

New Zenner

Join Date:
May 2011
Location:
DELHI,INDIA
Posts:
43
Plugin Contributions:
0

Re: Want to modify header on store front

this is a banner.go to tools, banner manager and add your newsletter url there..papercraftkits.com/index.php?main_page=subscribe but I feel you need to install newsletter subscribe plugin before doing that.

28 Jul 2012, 9:54 PM
#8
fudge avatar

fudge

New Zenner

Join Date:
Jan 2012
Posts:
16
Plugin Contributions:
0

Re: Want to modify header on store front

Thank you. I am off to try that. There as something installed before. I will see what it was.