Need to move some things

[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;}