How to make the Morefoot Boxes different widths?

[dsh2000 2]

Hello everybody. I am trying to make the 3 boxes in the morefoot area of different widths. However, my code does not appear to be working. Here is what I have done. Any help to point me in the right direction would be greatly appreciated! :-) .dcol_3 { margin-left: 20px; min-width: 192px; } div.dcol_3 dcol wcontain fix { width: 192px; } div.dcol_3 dcol wcontain { width: 266px; } div.dcol_3 lastcol dcol wcontain { width: 430px; }

[Kate 3]

First, there aren't classes assigned to all of your words in the declaration. Also, I don't think that specificity is necessary (nor correct). Since the divs don't have IDs assigned, you'll probably have to use either child and/or sibling selectors with CSS, or jQuery to pick out and style the elements.

[dsh2000 2]

Thank you Kate for your reply, However I am a bit more confused than before. I have placed this code into my child theme. Would I need to do something like: #exampleID1.dcol_3 { margin-left: 20px; min-width: 192px; }

[kastelic 6]

The columns don't have ids attached to them but the classes are sometimes different which can help you target each one, for example the last one has the class "lastcol". So to target that one use; .dcol_3.lastcol { width:50px }

[dsh2000 2]

Thank you Kastelic for pointing me in the right direction!! :-)