Image component alignement is missing when used it with other components

[swathib78201134]

When I trying using the image component with any other components like menu component, the image used in the image component is not getting aligned.Attaching the screenshot.

Could anyone suggest how to proceed further to correct the image alignment.

Regards,

Swathi.

[edubey]

Looks like this screenshot is from Design mode, Could you please share one from Edit mode.

Are you referring to OOTB Image component? Is this Menu component is your custom component?

[edubey · Accepted solution]

Hi Swathi,

The alignment of component ( Styling ) highly depends on CSS you have. As you are using OOTB + Custom Components, you should probably take a look at css files to correct this behavior. Styling varies from component to component.

You may find these client libraries in etc/design/[project]

[kautuk_sahni]

Hi 

Agreeing with Parveen, that the alignment of component depends on CSS you have.

Please have a look at Links for more details.

Link :- https://docs.adobe.com/docs/en/cq/5-6/developing/designer.html

Link:- http://www.citytechinc.com/us/en/blog/2013/12/strategies-fixing-misplaced-edit-bars-cq5-aem.html

Thanks and Regards

Kautuk Sahni