Page 1 of 2 12 LastLast
Results 1 to 10 of 11
  1. #1
    Join Date
    Sep 2008
    Posts
    72
    Plugin Contributions
    0

    Default Changing layout, making product images more tight nit.

    Hello, i have a small problem, my images have large gaps of space between the edges and the text.

    Is there a setting in admin for this, or will i have to manually adjust this through css.
    I have a custom template , but does anyone have any ideas of tags that i can look up in my CSS sheets to get an idea of where these settings are located?
    Im not great with manual coding
    Thank you
    p.s my site www.platinumhardware.co.uk

  2. #2
    Join Date
    Apr 2006
    Location
    Texas
    Posts
    6,196
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    Quote Originally Posted by spikeycactus View Post
    Hello, i have a small problem, my images have large gaps of space between the edges and the text.

    Is there a setting in admin for this, or will i have to manually adjust this through css.
    I have a custom template , but does anyone have any ideas of tags that i can look up in my CSS sheets to get an idea of where these settings are located?
    Im not great with manual coding
    Thank you
    p.s my site www.platinumhardware.co.uk
    Sp,
    Locate this:
    includes/templates/theme005/css/stylesheet.css

    Find this:
    .main_cell_c1

    1. see if you play with the padding if this is not the fix

  3. #3
    Join Date
    Sep 2008
    Posts
    72
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    thanks
    Code:
    .main_cell_h_l { background:#B3B4B6; height:3px;}
    
    .main_cell_c1 { width: auto; padding: 9px 42px 12px 34px;}
    .main_cell_c2 { width:216px;}
    .main_cell_c2_margin { margin: 5px 30px 10px 0px;}
    
    .price_block { width:180px; }
    .price_block .c1 { width:106px; padding-top:4px;}
    .price_block .c2 { width:auto;}
    .price_text { font-size:12px; color:#EA4E00; font-weight:bold;}
    
    .categor_text { color:#32434A;}
    .categor_text a, .categor_text font { color:#EA4E00; font-weight:normal;}
    .categor_text a:hover { color:#32434A; font-weight:bold;}
    
    .prod_main_cell_margin { margin-right:25px; margin-top:7px;}
    
    .prod_link { color:#3A4750; text-decoration:none; background:url(../images/bul.gif) no-repeat left; padding-left:8px;}
    .prod_link:hover { text-decoration:underline;}
    
    .prod_margin { margin: 13px 30px 9px 34px;}
    
    .product1_c1 { width:63px;}
    .product1_c2 { width:56px;}
    .product1_c3 { width: auto;}
    i have changed .main_cell_c1 { width: auto; padding: 9px 42px 12px 34px;}
    to
    .main_cell_c1 { width: auto; padding: 9px 12px 12px 14px;}
    but i have noticed no difference

  4. #4
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    .main_cell_c1 {stylesheet.css (line 690)
    clear:both;
    padding:9px 15px 12px 34px;
    width:auto;
    }


    .main_cell_c2 {stylesheet.css (line 691)
    width:250px;
    }

    use the value in red and see if that helps.

  5. #5
    Join Date
    Sep 2008
    Posts
    72
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    aah thx thast worked a treat

  6. #6
    Join Date
    Sep 2008
    Posts
    72
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    Thanks for all the help, is there any way of extending the text descriptions along to the edge of the box as well as the details button.
    What tags would be invloved in this?
    Thank You

  7. #7
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    for extending description

    .main_cell_c2_margin {stylesheet.css (line 692)
    margin:5px 30px 10px 0;
    }

    change to lower value like 5px


    for the button
    .price_block .c2 {stylesheet.css (line 696)
    padding-left:120px;
    width:auto;
    }

  8. #8
    Join Date
    Sep 2008
    Posts
    72
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    thanks man, one final question to your infinite knoledge!
    how would i increase the amount of lines show in the product description?
    Thanks

  9. #9
    Join Date
    Jul 2006
    Location
    Montreal, Canada
    Posts
    2,279
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    Configuration > Product listing

    Display Product Description

    default set to 150 characters , but you can show more ..

  10. #10
    Join Date
    Sep 2008
    Posts
    72
    Plugin Contributions
    0

    Default Re: Changing layout, making product images more tight nit.

    thx but unfortunately this has no affect.
    The amount of characters hasnt reached the default of 150, so there is something else holding it back.
    No matter how high i put it, it doesnt increase.
    if i set it to 0 then nothing is displayed so the amount of characters is properly been capped somewhere.
    Any ideas?
    thanks

 

 
Page 1 of 2 12 LastLast

Similar Threads

  1. Changing Specials and making category images larger
    By enddes in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 19 Dec 2011, 08:46 PM
  2. Replies: 2
    Last Post: 24 Oct 2009, 11:58 PM
  3. Making more than one copy of a product
    By Kbee87 in forum Setting Up Categories, Products, Attributes
    Replies: 1
    Last Post: 14 May 2009, 03:15 PM
  4. Making product descriptions more interesting
    By CavemanUK in forum Setting Up Categories, Products, Attributes
    Replies: 2
    Last Post: 2 May 2008, 09:57 AM
  5. Can somebody help me to make this look more tight? already did alot.
    By analographi in forum Templates, Stylesheets, Page Layout
    Replies: 1
    Last Post: 11 Feb 2007, 07:59 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