Zen Cart Logo
Forums / Templates, Stylesheets, Page Layout / A Few changes to Blue Strip

A Few changes to Blue Strip

Locked

Views: 1,994

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
2 Jun 2006, 11:36 PM
#1
spexedy avatar

spexedy

New Zenner

Join Date:
May 2006
Posts:
11
Plugin Contributions:
0

A Few changes to Blue Strip

I am using the basic Blue Strip template, and there are a few things I couldn’t figure out.

https://www.100hardtofinditems.com

That's my Zen-cart. Amazing product btw.

  1. On the main page (this is a semi small problem) I am trying to get ride of that blank box but I can't figure out where it is coming from. (Right above New Products from June)

  2. The main thing I want to do is have a maximized page. So there is no space on the sides, the Classic Template is close to what I want, but I want it to be blue. Is there an easy way to edit the template to have a Zen-cart that the two side panels are on the far right and left side of the page leaving a larger middle section? I hope you understand what I'm asking,

  3. This doesn't have anything to do with this, but you might be able to point me in the right direction. Is it possible to choose your shipping price for each item? Kind of like eBay where when you list the item you pick a shipping cost.

Anyway the main thing I am trying to do is number 2, so any help on any 3 is very appreciated! Also if you have any suggestions for me, I’m always looking for constructive criticism.

3 Jun 2006, 12:05 AM
#2
pauls avatar

pauls

Zen Follower

Join Date:
Feb 2006
Location:
UK
Posts:
300
Plugin Contributions:
0

Re: A Few changes to Blue Strip

.plainBox, .plainbox-description {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  border: 1px solid #9a9a9a;
  margin-bottom: 15px;
  padding: 5px;
}

That is the area of concern, regarding point 1 :)

.centershop {
	padding: 0px;
	margin: 0px auto;
	position: relative;
	text-align: left;
	width: 100% !important;
}


/*HEADER CSS*/

TABLE.header {
  background: #ffffff;
  background-image: url(../images/header_bg.jpg);
  background-repeat: repeat-x;
  width: 100% !important;
  background-color: #ffffff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
}

TABLE.headerNavigation {
  background: #abbbd3;
  background-image: url(../images/header_06.gif);
  background-color: #ffffff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  width: 100% !important;
}


/*center main section
-----------------------------------*/

.main_page{
   width: 100% !important;
  background-color: #ffffff;
  border-right: 1px solid #9a9a9a;
  border-left: 1px solid #9a9a9a;
  border-bottom: 1px solid #9a9a9a;
  padding: 5px;
}

This for point 2 just find each section in the style sheet :)

3 Jun 2006, 12:06 AM
#3
spexedy avatar

spexedy

New Zenner

Join Date:
May 2006
Posts:
11
Plugin Contributions:
0

Re: A Few changes to Blue Strip

i hate to be a bother, but i don't really know .css

what do i need to edit?

and where do i find it?

im still VERY new to zen-cart

3 Jun 2006, 12:18 AM
#4
pauls avatar

pauls

Zen Follower

Join Date:
Feb 2006
Location:
UK
Posts:
300
Plugin Contributions:
0

Re: A Few changes to Blue Strip

in your current stylesheet (stylesheet.css) you can open it with notepad for example, and look for this width: 750px !important;, you will see it four times in your stylesheet, simply change each to the settings I shown you earlier (I hate this time out on a session within the forum makes things so difficult!).

You should have your stylesheet in your overrides folder, but I am guessing you have yet to understand what they are, so currently your stylesheet will be here yourshopfolder\includes\templates\template_default\css\stylesheet.css

Actually it looks like your stylesheet is here
yourshopfolder/includes/templates/blue_strip/css/stylesheet.css

Sorry I am going to bed now ... I hope I helped :)

3 Jun 2006, 12:23 AM
#5
spexedy avatar

spexedy

New Zenner

Join Date:
May 2006
Posts:
11
Plugin Contributions:
0

Re: A Few changes to Blue Strip

Pauls:

in your current stylesheet (stylesheet.css) you can open it with notepad for example, and look for this width: 750px !important;, you will see it four times in your stylesheet, simply change each to the settings I shown you earlier (I hate this time out on a session within the forum makes things so difficult!).

You should have your stylesheet in your overrides folder, but I am guessing you have yet to understand what they are, so currently your stylesheet will be here yourshopfolder\includes\templates\template_default\css\stylesheet.css

Actually it looks like your stylesheet is here
yourshopfolder/includes/templates/blue_strip/css/stylesheet.css

Sorry I am going to bed now ... I hope I helped :)

THANK YOU SOO MUCH!!!

3 Jun 2006, 12:26 AM
#6
pauls avatar

pauls

Zen Follower

Join Date:
Feb 2006
Location:
UK
Posts:
300
Plugin Contributions:
0

Re: A Few changes to Blue Strip

You're welcome you did a good job!

Not sure but I think you may have deleted .plainbox, that might not be a good idea, and you should read up on overrides because all the changes you make now could be lost if you ever upgrade in the future - now I really am going to bed.