Help a Rookie with Categories

[cscuilla]

Hello, I have found many answers on this forum. Thanks for your help. Here are some issues I haven't been able to figure out. Maybe someone can help

store url:
http://www.bioblitzen.com/store

1) When you click on a category from the left sidebox "product categories" I don't like how the product description is centered. Also, I would like to change the sort buttons (name, price) from a color other than green. Any Suggestions?

2) I can't find where to change the "new products" and "all products" link color in the "Product Categories" sidebox

3) I would like to create a new page that i can then edit in the define_pages editor. IE: I want my "EPA" button just to pull up define_epa.php page in which i could then edit.

Thanks for your Help
Craig

[niccol]

Point 1

To left align the text add the following to your stylesheet.css file in your template.

.listingDescription{text-align:left;}

It can go anywhere in the file. At the bottom is as good as anywhere.

[niccol]

Point 2

Also in the stylesheet.css file you need to look for the line that reads:

A.category-links, A.category-links:visited {
	color: #004080;
	text-decoration: none;

The '#004080' is a color. It is a RGB description. If this is confusing to you search online for 'RGB color picker' and life will get simpler.

[niccol]

Point 3

I am not completely sure what you want. Have a look at EZ Pages. https://www.zen-cart.com/tutorials/i...hp?article=117 Do these fit the bill.

They are pages you can create in the admin panel.

Hope this all helps

Nik

Oh, by the way stylesheet.css is in includes / templates / YOUR TEMPLATE / css

[cscuilla]

Thank You so much for your help. I have aligned the categories and changed the links successfully.

Do you happen to know how to change the "item name" and "price" sort buttons text color when you click on one of the categories.

Also, I read the tutorial on EZ pages. This may work, but I was wondering if their was a way to add a page that i could edit in the tools-->define page editor.

Basically if i could just change the define_page_2.php name to define_EPA.php and when the epa page is displaying, it would be at the end of the address in the url.

Sorry, I'm having trouble explaining.

Thanks again
craig

[niccol]

Yes I am confident that EZ pages will do what you want but we will need to work through that later because i need to sleep now!

I think that the style you are talking about can be achieved with:

#productListHeading{color:#339933;}
select{background-color:#339933;}

Again change the #339933 to suit your needs.

Nik

[niccol]

EZ pages can be called whatever you want them to be called

[cscuilla]

Thanks, I don't blame you, I fell asleep too.

I tried to adding the code you suggested,

#productListHeading{color:#339933;}
select{background-color:#339933;}

but did not see any difference. I did notice this in my css sheet which was similar, but the color is set to white already, and my text is still green, so i'm guessing this is not it either.

.productListing-rowheading {
background-color: #abbbd3;
background-image: url(../images/tile_back.gif);
height: 2em;
color: #FFFFFF;
}

What I am looking to change can be found here.

http://www.bioblitzen.com/store/inde...019bfba9caff4e

Notice the Green bar over the products. The "Product Image" text is white, but the "item name" and "price" links are green. I want to change these to a different color so they display better.

Also, I would like to pad the area between the products a little more, and maybe put a line to separate. Similar to if you clicked on my "Products" button, or "All Products" link.

Thanks again... Sorry to keep bothering... I am going to try the EZ page you suggested now... I will let you know how i do

Craig

[niccol]

Craig,

Now I understand. Staring me in the face but it was late ! You were close in what you say.

Add to stylesheet:

.productListing-heading{color: #008000;}

That will turn the white one green.

or

#listCell0-2 a, #listCell0-2 a:visited{color:white;}
#listCell0-1 a, #listCell0-1 a:visited{color:white;}

if you want to turn the green one white.

The difference is that some of the titles are links and others aren't.


None of my business but I would really recommend that you use Firefox as a browser for web development. For all kinds of reasons it stomps on Internet Explorer. The one that might be useful here is an add-on to Firefox that is called web developer toolbar. With that on the go you can click on an element and it will tell you the divs and classes associated to that element.

I am going to attach a screenshot of it in action on your site to show you how valuable it is. ( It allows forum members like me to seem to have special powers so don't tell everyone ) Firefox and its add-ons are free downloads.

[gjh42]

Yes, ez-pages are very easy to use, but the price of the easiness is that they have no clear individual identity in urls (aside from a page number). If you want a define page with its particular name to show in urls, you will need to change name references in about 7 different files scattered throughout your installation. The names appear in several different forms in different situations, as well.

Your best bet would be to download the About Us page mod from Free Addons and look at the files included. You can change the names in that and install it to get your custom page.