Forums / Templates, Stylesheets, Page Layout / Align "more info" Product Listing page

Align "more info" Product Listing page

Locked

Views: 1,765

Results 1 to 4 of 4
This thread is locked. New replies are disabled.
6 Oct 2006, 7:22 PM
#1
covone avatar

covone

Zen Follower

Join Date:
Oct 2004
Posts:
409
Plugin Contributions:
0

Align "more info" Product Listing page

Can someone assist plz. Plz Click Here to view my page. If you notice on product listing page I took off the description, what happens is the title of the product wraps to 2 lines. The more info and price is not aligning. I wanted to align these 2 areas to bottom and don't know what page to do this and how to change this.
Hope someone can help.

tks
covone

7 Oct 2006, 1:11 AM
#2
seethrou avatar

seethrou

Totally Zenned

Join Date:
May 2004
Location:
Hong Kong
Posts:
1,156
Plugin Contributions:
0

Re: Align "more info" Product Listing page

covone:

If you notice on product listing page I took off the description, what happens is the title of the product wraps to 2 lines.
First, for the title if it is long and the provided space of width is not enough than it will warp to next line or lines.

And then your title now is:

<h3 class="itemTitle"><a href=" ... LINK ... ">Crystal Bear</a>

The font size is h3 and bold, you may want to reduce it a bit to match. But this can't get rid of the line wrap of the title for the limited width.

covone:

The more info and price is not aligning. I wanted to align these 2 areas to bottom and don't know what page to do this and how to change this.

Add the following to your stylesheet and will remove the spaces under the title and between the price and more info. Then you can style them by their related attributes but with more freedom.

.centerBoxContentsProducts br {
line-height: 0;
}

Hope this htelps. :smile:

.

A New Starter again

7 Oct 2006, 8:55 PM
#3
covone avatar

covone

Zen Follower

Join Date:
Oct 2004
Posts:
409
Plugin Contributions:
0

Re: Align "more info" Product Listing page

seethrou thks for reply. can you advise when I find the h3 bold section. i looked in stylesheet couldn't find it where it says bold. waht page is it on?
Pls advise.

tks
covone

7 Oct 2006, 9:10 PM
#4
covone avatar

covone

Zen Follower

Join Date:
Oct 2004
Posts:
409
Plugin Contributions:
0

Re: Align "more info" Product Listing page

found it in module product_listing.php. i removed h3. works.
thank you