Results 1 to 10 of 24

Hybrid View

  1. #1
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Product Description Page Alignment Help

    If your images are the same size, one way of doing it could be this:

    #productDescription {
    color: #453F46;
    margin: 220px 0 0 0;
    width: 440px;
    text-align: justify;
    }

    #productAttributes {
    float: right;
    width: 350px;
    }

    Adjust the add to bag etc. accordingly

  2. #2

    Default Re: Product Description Page Alignment Help

    Quote Originally Posted by keneso View Post
    If your images are the same size, one way of doing it could be this:

    #productDescription {
    color: #453F46;
    margin: 220px 0 0 0;
    width: 440px;
    text-align: justify;
    }

    #productAttributes {
    float: right;
    width: 350px;
    }

    Adjust the add to bag etc. accordingly
    Thanks but what if the images aren't the same? Would I still be able to achieve it or should I just give up? LOL

  3. #3

    Default Re: Product Description Page Alignment Help

    I am going to install Product Info Display (stacked left) and see if I can get it the way I want it.

  4. #4

    Default Re: Product Description Page Alignment Help

    Decided against the Product Info Display (stacked left). I wasn't getting anywhere with that either. I did however install Flexible Attributes. I hope I can at least get the attributes to display like the link above. (where the drop downs are under the text.)

  5. #5
    Join Date
    May 2009
    Posts
    1,254
    Plugin Contributions
    3

    Default Re: Product Description Page Alignment Help

    If you float the #productAttributes right, and make the width somewhere around 200px it will force the drop downs under the headings (text)

    If you don't have it, install firefox with the firebug extension, so you can check, and test on the fly.

    I would keep trying moving the pieces around , and maybe add some extra div with new class/id to better control, and achieve it.

  6. #6

    Default Re: Product Description Page Alignment Help

    Quote Originally Posted by keneso View Post
    If you float the #productAttributes right, and make the width somewhere around 200px it will force the drop downs under the headings (text)

    If you don't have it, install firefox with the firebug extension, so you can check, and test on the fly.

    I would keep trying moving the pieces around , and maybe add some extra div with new class/id to better control, and achieve it.
    Thanks! I do have the firebug extension. I just don't know a lot of the codes to get it the way I want it.

  7. #7

    Default Re: Product Description Page Alignment Help

    I finally got it the way I want it. Well not exactly like the other site but I am happy of how it turned out. Only trouble is I am not sure if I like where the add to bag is. http://frompropertorocker.com/index....oducts_id=3705

    Does it look okay there or should I change it?

    Thanks!

 

 

Similar Threads

  1. Product description alignment
    By krisdiamond in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 7 Jan 2011, 10:42 PM
  2. Need help with horizontal alignment of product page
    By strugglingnovice in forum Templates, Stylesheets, Page Layout
    Replies: 4
    Last Post: 7 Jul 2010, 09:21 AM
  3. product description alignment
    By louisapple in forum Templates, Stylesheets, Page Layout
    Replies: 6
    Last Post: 29 Apr 2009, 04:51 PM
  4. Product Description Alignment Question
    By DPM in forum Templates, Stylesheets, Page Layout
    Replies: 7
    Last Post: 29 Apr 2009, 09:14 AM
  5. Product Image and Description Alignment
    By Stenrique in forum Basic Configuration
    Replies: 3
    Last Post: 2 Nov 2006, 05:58 PM

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