Forums / Templates, Stylesheets, Page Layout / Minor Product Info Page adjustment

Minor Product Info Page adjustment

Locked

Views: 2,095

Results 1 to 9 of 9
This thread is locked. New replies are disabled.
12 Aug 2007, 9:04 AM
#1
dvasdekis avatar

dvasdekis

New Zenner

Join Date:
Nov 2006
Posts:
70
Plugin Contributions:
0

Minor Product Info Page adjustment

As you can see on my current product info page, if the length of the test exceeds the size of the image, then the text shifts to the left side.

I'd like it so that the text never shifts, and continues down the page along the same margin as it does at the top of the page when the image is present.

A picture.

Thanks!

Headsonic.com.au - Headphones and Microphones for Australians

12 Aug 2007, 10:41 AM
#2
kobra avatar

kobra

Black Belt

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

Re: Minor Product Info Page adjustment

In your template stylesheet search for these first and if present and/or ganged with others seperate them out and if not present add them. This should get you what you want but I could only check at one resolution

#productName {
        float: right;
        width: 70%;
        }

#productPrices {
        float: right;
        width: 70%;
        }

#productDescription {
        float:right;
        width: 70%;
        }

#productDetailsList {
        float: right;
        width: 55%;
        }

Zen-Venom Get Bitten

13 Aug 2007, 7:23 AM
#3
dvasdekis avatar

dvasdekis

New Zenner

Join Date:
Nov 2006
Posts:
70
Plugin Contributions:
0

Re: Minor Product Info Page adjustment

It looks good at 1024 but any larger and it sticks to the right side of the page, which creates big white gaps between the text and product picture. I had to take the changes off. Sorry.

Headsonic.com.au - Headphones and Microphones for Australians

23 Aug 2007, 11:17 AM
#4
dvasdekis avatar

dvasdekis

New Zenner

Join Date:
Nov 2006
Posts:
70
Plugin Contributions:
0

Re: Minor Product Info Page adjustment

Anyone else have any ideas?

Headsonic.com.au - Headphones and Microphones for Australians

10 Sep 2007, 10:07 AM
#5
dvasdekis avatar

dvasdekis

New Zenner

Join Date:
Nov 2006
Posts:
70
Plugin Contributions:
0

Re: Minor Product Info Page adjustment

Anybody? I've had no luck with flinging CSS about, so it looks like it might require a page layout change.

Headsonic.com.au - Headphones and Microphones for Australians

10 Sep 2007, 12:30 PM
#6
kobra avatar

kobra

Black Belt

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

Re: Minor Product Info Page adjustment

You can try finding seperating and or adding the following and you need to insure that your images are all matted to the same size for the look that you want or it will jump around if not - you currently have one that is 156px wide and another that is 227px wide - pick a width and matt them all the same width and adjust the values as required

#productName {
width: 77%;
float: right;
}
#productPrices {
width: 77%;
float: right;
}
#productDescription {
width: 77%;
float: right;
}
#productDetailsList {
margin-left: 14em;
}

Zen-Venom Get Bitten

10 Sep 2007, 12:39 PM
#7
kobra avatar

kobra

Black Belt

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

Re: Minor Product Info Page adjustment

Opps!!

I had already posted this.....

You can fix the site width to say 1000px and avoid the issue

Zen-Venom Get Bitten

11 Sep 2007, 7:46 AM
#8
dvasdekis avatar

dvasdekis

New Zenner

Join Date:
Nov 2006
Posts:
70
Plugin Contributions:
0

Re: Minor Product Info Page adjustment

kobra:

Opps!!

I had already posted this.....

You can fix the site width to say 1000px and avoid the issue
Yeah, unfortunately that's not a long term option because it'll look ridiculous on modern widescreen monitors, and according to my site stats they're taking up an increasing portion of visitors. Thanks anyway.

Headsonic.com.au - Headphones and Microphones for Australians

11 Sep 2007, 11:16 AM
#9
kobra avatar

kobra

Black Belt

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

Re: Minor Product Info Page adjustment

Fixed width is a common method used so that all see the site as intended...

With some of your shorter descriptions having this stretched from a single to a few lines will also look strange.

Zen-Venom Get Bitten