Simple Zen Template - Support Thread

[jettrue]

that's a wee bit too complicated at the moment how about just a background in the main area that's boxed in and another for the new products area where all the pictures are i tried playing with the style sheet but it didn't work out

For a background image for the whole boxed in area (exluding the top header area), just go in your css:

#contentMainWrapper{
background: url(../images/image_name_here.gif)
}

Make sure the image is uploaded to your includes/templates/simple_zen/images folder.

For the new products area, you'll have to create a new css section:

.centerBoxContentsNew {
background: url(../images/image_name_here.gif)
}

Let me know how that works for ya!

[MB1]

thankx for the info i'll get to work on it as soon as i have the time. and i'll look into the image size thingy

[shopyoungway]

another one for you. how can i put a just a black line around an info box in this and have another one incase the title for the info box . hope that makes sence

Thanks

[jettrue]

another one for you. how can i put a just a black line around an info box in this and have another one incase the title for the info box . hope that makes sence

Thanks

I'm not sure exactly where you wanting these lines, but all this is done in the css.

The css for a black border would be something like this:

#whereveryouwanttheborder {
border: 1px solid #000;
}

All you have to do is figure out what the tag for the portion you want the border on. If you're talking about the sideboxes, you can try putting it under #navColumnOneWrapper (left side) and navColumnTwoWrapper(right side). Or under .leftBoxContainer for both left and right at once.

HTH!

[DogTags]

Will Simple Zen work with the latest release, 1.3.5 ?

[kuroi]

Will Simple Zen work with the latest release, 1.3.5 ?

Yes you can see it running on 1.3.5 here

[DogTags]

Thanks so much :-)

[jettrue]

Will Simple Zen work with the latest release, 1.3.5 ?

Yes it will work, HOWEVER there are some css changes in 1.3.5. I've uploaded the changes to the downloads section. I've set the css up so that it will STILL work for 1.3.0.2, so you can use the download for 1.3.0.2 as well as 1.3.5.

In case you've heavily updated your css file, and just want to know the css changes for 1.3.5, here they are:

STEP 1.
change

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	white-space: nowrap;
	}

to

#navMain ul li, #navSupp ul li, #navCatTabs ul li {
	display: inline;
	}

Step 2.
change

#navMain ul li a, #navSupp ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #fff;
	}

to

#navMain ul li a, #navSupp ul li a {
	text-decoration: none;
	padding: 0em 0.9em;
	margin: 0;
	color: #fff;
	white-space: nowrap;
	}

Step 3.
change

#cartAttribsList {
	margin-left: 1em;
	}

to

.cartAttribsList {
	margin-left: 1em;
	}

Step 4.
ADD

.orderHistList {
	margin: 1em;
	padding: 0.2em 0em;
	}

Step 5.
ADD

#cartBoxEmpty, #cartBoxVoucherBalance {
  	font-weight: bold;
  	}

Step 6.
change

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

to

.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navNextPrevWrapperTop, #navNextPrevWrapperBottom, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo,  #bannerThree,  #bannerFour,  #bannerFive,  #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg {
	text-align: center;
	}

That's IT!

[kuroi]

I've expanded jettrue's list to include explanations for why each of these changes was done and how to implement them both for 1.3.5 but also, in most cases, even if you don't plan to upgrade yet. You can find this in this thread.