Spaceing and Alignment for Step tag

[santhudev123]

We have defined the line height for step tag in CSS we used and its given below.

Code: Select all

*[class~="task/step"], *[class~="task/steps-unordered"]{
    line-height: 18pt;
    }
    
*[class~="steps/step"], *[class~="steps-unordered/step"]{
    line-height: 10pt;
    }

But the content extending to the next line in the step is taking the same line height we defined in the CSS. Check the screen shot given below


Similarly when it comes to the alignment, if we used an "stepsection" tag in between the "steps" the alignment of the particular "step" after the "stepsection" tag is changing, which we couldn't able to rectify. Check the screen shot given below

[Costin]

Hello,

We are not aware of any issues in what it takes the alignment / line height.
As this could be probably caused by a wrong selector, that does not match the correct element, or by a selector that has a higher specificity than the ones you are using (there are rules coming also from the built-in CSS files that come bundled in oXygen), you should try debugging your customization CSS (analyze using your browser's CSS inspector if your selectors apply on the desired elements or, if they are overridden by more specific selectors from another .css file).
More details on debugging the CSS available in this section from the User-Guide.

Also, some detailed information about the "line-height" property that you may find useful available in the Mozilla tutorial.

If you still do not manage to identify the issue, even after debugging your CSS customization, let us know what you tried and provide a sample topic, together with your customization CSS on our official support email address to investigate further.

Regards,
Costin