Jump to content

Help! Pictures Are Overlapping...


Guest Ricco

Recommended Posts

I have increased the size of the pictures on the homepage and now the text and images overlap each other. How do I space out the row of items below a little lower?

TIA

Link to comment
Share on other sites

Guest webicon

in layout.css at bottom, adjust the height and width of the .LPBox style....

EDIT: - Instruction above is for Carretta soft - depending on what skin you are using it may be a different style - you need to find the style for latest products and adjust width and height...

Link to comment
Share on other sites

in layout.css at bottom, adjust the height and width of the .LPBox style....

EDIT: - Instruction above is for Carretta soft - depending on what skin you are using it may be a different style - you need to find the style for latest products and adjust width and height...

I have looked at this and it did not change anything... I even made it much bigger than I wanted to see if it changes... but nothing.

/**LATEST PRODUCTS - HOMEPAGE

*******************************/

#LatestProducts {

padding: 3px;

margin:0;

position: relative;

z-index: 1;

height:100%;

}

#Inner {

margin: 5px;

padding:0;

}

.LPBox {

float: left;

text-align: center;

width: 135px;

height: 250px;

margin: 25px 25px 20px 25px;

padding:0;

}

.LPImage {

float: none;

text-align: center;

padding:5px 0;

margin:3px auto;

border:1px solid #cc3399;

}

.LPName {

text-align:center;

font-size:12px;

margin:0;

padding:2px 0;

width:100%;

color: #333333;

}

.LPName a:link, .LPName a:visited {

color: #333333;

background: #FFFFFF;

text-decoration:none;

padding:0;

margin:0;

}

.LPName a:hover {

color: #242726;

background: #FFFFFF;

text-decoration:none;

}

.LPPrice {

height:20px;

width:100%;

text-align:center;

font-size:12px;

margin:0;

padding:2px 0;

text-transform:uppercase;

color: #cc3399;

}

Link to comment
Share on other sites

  • 4 months later...
Guest nivlac

in layout.css at bottom, adjust the height and width of the .LPBox style....

EDIT: - Instruction above is for Carretta soft - depending on what skin you are using it may be a different style - you need to find the style for latest products and adjust width and height...

I have looked at this and it did not change anything... I even made it much bigger than I wanted to see if it changes... but nothing.

/**LATEST PRODUCTS - HOMEPAGE

*******************************/

#LatestProducts {

padding: 3px;

margin:0;

position: relative;

z-index: 1;

height:100%;

}

#Inner {

margin: 5px;

padding:0;

}

.LPBox {

float: left;

text-align: center;

width: 135px;

height: 250px;

margin: 25px 25px 20px 25px;

padding:0;

}

.LPImage {

float: none;

text-align: center;

padding:5px 0;

margin:3px auto;

border:1px solid #cc3399;

}

.LPName {

text-align:center;

font-size:12px;

margin:0;

padding:2px 0;

width:100%;

color: #333333;

}

.LPName a:link, .LPName a:visited {

color: #333333;

background: #FFFFFF;

text-decoration:none;

padding:0;

margin:0;

}

.LPName a:hover {

color: #242726;

background: #FFFFFF;

text-decoration:none;

}

.LPPrice {

height:20px;

width:100%;

text-align:center;

font-size:12px;

margin:0;

padding:2px 0;

text-transform:uppercase;

color: #cc3399;

}

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...