Results 1 to 4 of 4

Hybrid View

  1. #1
    Join Date
    Oct 2004
    Posts
    417
    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

  2. #2
    Join Date
    May 2004
    Location
    Hong Kong
    Posts
    1,291
    Plugin Contributions
    1

    Default Re: Align "more info" Product Listing page

    Quote Originally Posted by 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.

    Quote Originally Posted by 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.
    Code:
    .centerBoxContentsProducts br {
    line-height: 0;
    }
    Hope this htelps.

    .
    Last edited by seethrou; 7 Oct 2006 at 02:15 AM. Reason: Added info.
    A New Starter again

  3. #3
    Join Date
    Oct 2004
    Posts
    417
    Plugin Contributions
    0

    Default 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

  4. #4
    Join Date
    Oct 2004
    Posts
    417
    Plugin Contributions
    0

    Default Re: Align "more info" Product Listing page

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

 

 

Similar Threads

  1. Replies: 4
    Last Post: 4 May 2013, 09:33 AM
  2. ADD "...More Info" to Product Listing Page
    By mikestaps in forum Setting Up Categories, Products, Attributes
    Replies: 3
    Last Post: 16 Sep 2010, 02:24 PM
  3. Showing "More Info" & "Buy Now" on Product Listing
    By litepockets in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 20 Jul 2009, 05:23 PM
  4. Removing "...more info" but keep price on product listing page
    By sara*spixels in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 11 Jun 2008, 05:51 AM
  5. Product Listing, Align "Price" with "More info"
    By utopiko in forum Templates, Stylesheets, Page Layout
    Replies: 5
    Last Post: 29 Apr 2008, 04:49 AM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg