DeFluxx:
-
I would like to have a background bar behind the type on the top "Home Log In"
-
When viewing a product Category, I would like to have every-other item have a light color in the background for easier viewing.
-
On the Product View, after clicking on an item in a Category, I would like to move the item description over to the right so that it is not touching the item's image.
I am not able to find what I'm supposed to modify within the CSS to do this. I am editing the CSS with Adobe GoLive.
I would very much appreciate your help with this! Thanks!
Ok, #1.
First of all, let me ask you, do you want the search box in your header like on my test site (https://www.zencart137.jadetrue.com) if so, that makes #1 easier to solve. You would first go to "Layout Boxes Controller" and turn on tpl_search_header.php. To put it in the header, you'd just leave the left/right column status on off, and set the single column status to "on". Once that shows up, then you'll have the purple color behind the "Home Login". To set the background color, just add the background image to:
#navMainWrapper {
background:#bd95c6;
background:url(../images/YOUR_IMAGE_NAME_HERE.gif);
}
If you DON'T want that search box in your header, well then reply, and I'll help with that.
#2
Use the classes:
.productListing-odd
and
.productListing-even
to set the alternating colors.
#3
There was padding built in the template, but when you made these changes:
.centeredContent, TH, #cartEmptyText, #cartBoxGVButton, #cartBoxEmpty, #cartBoxVoucherBalance, #navCatTabsWrapper, #navEZPageNextPrev, #bannerOne, #bannerTwo, #bannerThree, #bannerFour, #bannerFive, #bannerSix, #siteinfoLegal, #siteinfoCredits, #siteinfoStatus, #siteinfoIP, .center, .cartRemoveItemDisplay, .cartQuantityUpdate, .cartQuantity, .cartTotalsDisplay, #cartBoxGVBalance, .leftBoxHeading, .centerBoxHeading,.rightBoxHeading, .productListing-data, .accountQuantityDisplay, .ratingRow, LABEL#textAreaReviews, #productMainImage, #reviewsInfoDefaultProductImage, #productReviewsDefaultProductImage, #reviewWriteMainImage, .centerBoxContents, .specialsListBoxContents, .categoryListBoxContents, .additionalImages, .centerBoxContentsSpecials, .centerBoxContentsAlsoPurch, .centerBoxContentsFeatured, .centerBoxContentsNew, .gvBal, .attribImg { text-align:center; margin: 0 0 5px ; padding: 0 0 5px; border-color: #abbbd3; border-style: none none dotted; border-width: 1px; }
since #productMainImage is in the list above, it is taking on the margin and padding attributes that you added.
