Change spacing around text

I can't figure this one out. One this page, http://customcreationsunlimited.com/shop/index.php?main_page=product_info&cPath=2_59_84&products_id=975

The line that read 'Deadline for Christmas delivery...' why is it not lined up with the text before it? How do I fix it?

Hi,

When you View Source on that page and search for "Deadline" you find it in this bit of code...

<div class="wrapperAttribsOptions">
<h4 class="optionName back">Order Deadline 03</h4>
<div class="back">
Deadline for Christmas delivery will be posted in mid-November<br />
</div>
<br class="clearBoth" />
</div>

So that section of text has an H4 tag with a class of "optionName" and "back"; then your problem text in a div of class "back", all wrapped in a div of class "wrapperAttribsOptions".

Look in your stylesheet to see how H4s are styled, how the optionName class is styled and how the back class is styled. Then add salt and pepper to taste. :smartalec:

(I presume you know how to make changes in your style sheet and view the results, then do it again, and again, ... ... .)

Rob

rstevenson:

(I presume you know how to make changes in your style sheet and view the results, then do it again, and again, ... ... .)

Rob

I do know how to edit it but I'm not sure what to change that will affect the line height. I can do color, text size, justification and such

Thanks

You may have to play with padding and/or margins, but watch for unexpected issues. That "back" class is used in other places.

If I knew more about specificity in CSS I'd be able to help more, because you can probably target just that bit of text by making a very specific rule. But I've never gotten that clear in my mind.

Something like ...
.wrapperAttribsOptions .optionName .back { your style here }

Rob

I see margins have four dimensions. what order are they? Left, right, top, bottom??

Okay, if I use padding I can get the text to slide down but the text boxes for other attributes also get pushed down. See http://customcreationsunlimited.com/shop/index.php?main_page=product_info&cPath=2_7_8&products_id=56

Why do some line up but not others? It seems it's not a CSS issue but then what is it?

The order for padding and margins is clockwise beginning at noon - top, right, bottom, left - Unless you are doing pairs - the it is top/bottom, right/left.

Can I do a negative padding to move lines closer? I tried and it doesn't seem like it. I'd like the three attribute option lines to be closer together vertically.