Forums / Templates, Stylesheets, Page Layout / Margin Left of New Product Images:

Margin Left of New Product Images:

Locked

Started by limelites on 3 Feb 2009, 12:14 AM · Views: 968

Results 1 to 6 of 6
This thread is locked. New replies are disabled.
3 Feb 2009, 12:14 AM
#1
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Margin Left of New Product Images:

Does anyone know how to either centre the new product images in the left column, or at least how to reduce the left margin between the pics and the main wrapper border?

If you look at my site, the text below these images is centred, but the images themselves seem right aligned?

3 Feb 2009, 1:01 AM
#2
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Margin Left of New Product Images:

Remove your imposed padding for these boxes in the stylesheet.css file

.sideBoxContent {
padding-top:5px;
padding-left:10px;
padding-bottom:15px;
padding-right:10px;

/* background:transparent url('../images/content-bg.jpg') top center repeat-x; */
/* line-height:10px; */

}

Zen-Venom Get Bitten

3 Feb 2009, 1:08 AM
#3
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: Margin Left of New Product Images:

Thanks, that's certainly moved the images to where I want them.

Now only one tiny little niggle.... Look at the text that says, "Blue Lace Up Stilleto Shoes by Moschino" under the pic of the blue shoes... Why would this text have a lesser margin than all the other text entries in the same box??

3 Feb 2009, 1:18 AM
#4
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Margin Left of New Product Images:

Same as it is in your padding declarations

Zen-Venom Get Bitten

3 Feb 2009, 1:41 AM
#5
limelites avatar

limelites

Totally Zenned

Join Date:
Jan 2009
Posts:
2,085
Plugin Contributions:
0

Re: Margin Left of New Product Images:

Thanks for your help and I'm sorry if I sound thick, but which line defines the padding of the text as opposed to the padding of the images?

It seems that just one line of text is aligned further left than the others and that the text beneath the pics isn't quite centred on the pics?

While you're there, do you mind if I ask a quick question that's slightly off topic? You I've changed almost all of my title bar backgrounds to background-images but do you know which blocks govern the flat black title bars here namely, "New Products For February - Womenswear" and, "Monthly Specials For February"??

3 Feb 2009, 2:49 AM
#6
kobra avatar

kobra

Black Belt

Join Date:
Aug 2005
Location:
Arizona
Posts:
31,500
Plugin Contributions:
4

Re: Margin Left of New Product Images:

It seems that just one line of text is aligned further left than the others and that the text beneath the pics isn't quite centred on the pics?
On a quick look you have too many declarations and they are probably conflicting??

.leftBoxContainer a:link, .leftBoxContainer a:visited, .rightBoxContainer a:link, .rightBoxContainer a:visited {
color: #000000;
text-decoration: none;
font-size: 12px;
padding-left: 14px;
line-height: 18px;
}

.sideBoxContent {
padding-top:5px;
padding-left:0px;
padding-bottom:15px;
padding-right:10px;
/* background:transparent url('../images/content-bg.jpg') top center repeat-x; */
/* line-height:10px; */
}

I've changed almost all of my title bar backgrounds to background-images but do you know which blocks govern the flat black title bars
Same one as where you placed the image

h2.centerBoxHeading {
  /* background:transparent url('../images/box-title-bg.jpg') center center repeat-x; */
  font: 13px tahoma, arial, sans-serif;
  font-weight: bold;
  padding-top: 4px;
  padding-bottom: 4px;
  color:#fff;
  background-color: #000000;
  background-image: url(../images/heading-bg.png);
background-position: 7px 3px;
background-repeat: no-repeat;
text-align:left;
/* border-bottom: 3px solid #FDA7CA; */
}

Zen-Venom Get Bitten