Need to move some things

[SilverHD]

Hello:

I wasn't too sure where to place this but I thought this was the best place. I really need some help.

I wanted to move the add to cart buttom to below the description so I went to:

/includes/templates/abbington_mega/templates/tpl_product_info_display.php

to move it. Apparently, I messed some things up. Please take a look at this page and at the bottom you will see.

http://www.petluxuryboutique.com/sho...-pockets-p-183

I would like to move the attribute "Please make a selection" to the left under "Your Liner Color. You can also see that "Your Size" is out of place. I need to move it atop of "Please make a selection" where the sizes are.

As a kind of side shot here, I would also like to move the tiny Model # and Units in stock up under the pricing next to the image and make it larger.

I hope I'm not asking too much here. I am definitely learning a lot but thanks in advance for your help.

Silver

[badarac]

Hello:

I wasn't too sure where to place this but I thought this was the best place. I really need some help.

I wanted to move the add to cart buttom to below the description so I went to:

/includes/templates/abbington_mega/templates/tpl_product_info_display.php

to move it. Apparently, I messed some things up. Please take a look at this page and at the bottom you will see.

http://www.petluxuryboutique.com/sho...-pockets-p-183

I would like to move the attribute "Please make a selection" to the left under "Your Liner Color. You can also see that "Your Size" is out of place. I need to move it atop of "Please make a selection" where the sizes are.

As a kind of side shot here, I would also like to move the tiny Model # and Units in stock up under the pricing next to the image and make it larger.

I hope I'm not asking too much here. I am definitely learning a lot but thanks in advance for your help.

Silver

Add to the stylesheet for:

LABEL, h4.optionName

width: 100%;

That should fix it.

[SilverHD]

badarac:

Thanks for the reply but I guess I'm still new at this. Exactly where is this syylesheet? And do I look for <LABEL, h4.optionName> and change the width to 100%??

Thank you,

Silver

[badarac]

badarac:

Thanks for the reply but I guess I'm still new at this. Exactly where is this syylesheet? And do I look for <LABEL, h4.optionName> and change the width to 100%??

Thank you,

Silver

The stylesheet is in /shop/includes/templates/abbington_mega/css/stylesheet.css The addition needs to be made around line 25.

LABEL, h4.optionName {
line-height: 1.5em;
padding-bottom: 0.2em;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.2em;
width: 100%; <------ add here
}

[SilverHD]

badarac:

Thanks for the directions but after

LABEL, h4.optionName {line-height: 1.5em;padding-bottom: 0.2em;

the rest that you have isn't there.

This is what it looks like:

LABEL, h4.optionName {line-height: 1.5em;padding: 0.2em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}
LABEL.inputLabel {width: 11em;float: left;}
LABEL.inputLabelPayment {width: 15em;float: left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width: 12em;float: left;}
P, ADDRESS {padding: 0.5em;}
ADDRESS {font-style: normal;}

Any idea??

Silver

[SilverHD]

Can anybody help with this, please?

[mc12345678]

badarac:

Thanks for the directions but after

LABEL, h4.optionName {line-height: 1.5em;padding-bottom: 0.2em;

the rest that you have isn't there.

This is what it looks like:

LABEL, h4.optionName {line-height: 1.5em;padding: 0.2em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}
LABEL.inputLabel {width: 11em;float: left;}
LABEL.inputLabelPayment {width: 15em;float: left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width: 12em;float: left;}
P, ADDRESS {padding: 0.5em;}
ADDRESS {font-style: normal;}

Any idea??

Silver

The stylesheet is in /shop/includes/templates/abbington_mega/css/stylesheet.css The addition needs to be made around line 25.

LABEL, h4.optionName {
line-height: 1.5em;
padding-bottom: 0.2em;
padding-left: 0.2em;
padding-right: 0.2em;
padding-top: 0.2em;
width: 100%; <------ add here
}

LABEL, h4.optionName {line-height: 1.5em;padding: 0.2em;}

And:

LABEL, h4.optionName {
    line-height: 1.5em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
}

Are effectively the same, so you would only need to add the one extra line after the last semi-colon. In your file it is all smooshed together to save storage space, because that file gets transmitted to every visitor of the site. The less to transmit, the faster the load time. It just happenes that on badarac's side the simple padding: statement got expanded to the four sides of that control.

[SilverHD]

Hey Chad:

Good to hear from you. Hope your Holidays were good!

OK here we go: Hate to repeat myself but I would rather do that than break the site:

LABEL, h4.optionName {line-height: 1.5em;padding: 0.2em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}
LABEL.inputLabel {width: 11em;float: left;}
LABEL.inputLabelPayment {width: 15em;float: left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width: 12em;float: left;}
P, ADDRESS {padding: 0.5em;}
ADDRESS {font-style: normal;}

and I should place that line here??:

ADDRESS {font-style: normal;width: 100%;}

Thanks,

Silver

[mc12345678]

Good to hear from you. Hope your Holidays were good!

OK here we go: Hate to repeat myself but I would rather do that than break the site:

LABEL, h4.optionName {line-height: 1.5em;padding: 0.2em;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}
LABEL.inputLabel {width: 11em;float: left;}
LABEL.inputLabelPayment {width: 15em;float: left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width: 12em;float: left;}
P, ADDRESS {padding: 0.5em;}
ADDRESS {font-style: normal;}

and I should place that line here??:

ADDRESS {font-style: normal;width: 100%;}

Thanks,

Silver

Relatively good thank you.

In this case yeah, good you asked (though if you had firebug for example installed on firefox, you could test these things out on the fly without affecting your site.)

The extra "code" of the width goes into the area defined as LABEL, h4.optionName, which in this case is the first line of the information provided and would/could be like the following (color not required :) )

LABEL, h4.optionName {line-height: 1.5em;padding: 0.2em;width:100%;}
LABEL.checkboxLabel, LABEL.radioButtonLabel {margin: 0.5em 0.3em;}
LABEL.inputLabel {width: 11em;float: left;}
LABEL.inputLabelPayment {width: 15em;float: left;}
LABEL.selectLabel, LABEL.switchedLabel, LABEL.uploadsLabel  {width: 12em;float: left;}
P, ADDRESS {padding: 0.5em;}
ADDRESS {font-style: normal;}

[SilverHD]

Chad:

Thank you so much, that did it!! How do you learn all of this stuff? I could have never figured that out by myself!

Now, if I could bug you for just one more thing? I need to move the small:

•Model: MV316-SS
•10 Units in Stock

that you see under the image up under the pricing to the right of the image. I would also like to change the font to make it a bit bigger. Can you help with this too?

Thanks so much,

Silver