DC Blocks not aligning correctly in Stack List
Permalink Browser Info Environment
Hi! I have created a Designer Content Block that contains profile information for staff members. There are about 50 of these, and we keep them in Stacks so that they will globally update on different pages where they are featured.
Often we need to add just an Individual Block through the Add Stack feature, and herein lies the issue. There is an offset of something like 150% between each block's preview in the Stack List, and the rollover region to select it.
Consulting the screenshot will be helpful here; if I select the region shown, the block for Dexter, not Biondich, will be placed on the page.
This is obviously confusing for our client. Could this be a problem with the plugin, or just the specific block I created?
Often we need to add just an Individual Block through the Add Stack feature, and herein lies the issue. There is an offset of something like 150% between each block's preview in the Stack List, and the rollover region to select it.
Consulting the screenshot will be helpful here; if I select the region shown, the block for Dexter, not Biondich, will be placed on the page.
This is obviously confusing for our client. Could this be a problem with the plugin, or just the specific block I created?
| Type: | Discussion |
|---|---|
| Status: | New |
Have you tried using some CSS to align these? There should be a php file somewhere like "add.php" (possibly different name), you might be able to alter it and use some custom css to relign these?
Hi,
Sorry for the delay. My guess is this is due to the CSS you're using in your theme -- some rule is over-reaching and accidentally affecting that C5 dialog.
There is nothing in a Designer Content block that ever specifies any kind of style, unless you specifically put the markup there.
To diagnose the issue, use Web Inspector or Firebug to inspect those out-of-place elements on the page and see which CSS rules are being applied to it. From there, you should be able to track down what is causing the problem. Once you've identified the offending CSS rule(s), a common solution is to put some kind of wrapper div around your page content, and then limit those CSS rules to within that wrapper div (so that they don't accidentally affect the C5 editing interface as well).
Hope this helps -- good luck!
-Jordan
Sorry for the delay. My guess is this is due to the CSS you're using in your theme -- some rule is over-reaching and accidentally affecting that C5 dialog.
There is nothing in a Designer Content block that ever specifies any kind of style, unless you specifically put the markup there.
To diagnose the issue, use Web Inspector or Firebug to inspect those out-of-place elements on the page and see which CSS rules are being applied to it. From there, you should be able to track down what is causing the problem. Once you've identified the offending CSS rule(s), a common solution is to put some kind of wrapper div around your page content, and then limit those CSS rules to within that wrapper div (so that they don't accidentally affect the C5 editing interface as well).
Hope this helps -- good luck!
-Jordan