How to place containers in Service portal

[Nagashree5]

Hi All,

I'm in the process of designing a new portal for a scoped app, the widgets in the homepage should be aligned like below.

My portal is looking like below.

I want to place the above widgets like the above images. I'm not sure how to achieve this. Can anyone please guide me.

Thanks,
Nagashree.

[Community Alums]

Hi @Nagashree5 ,

 That's the expected Behaviour!!

The Widgets are displaying within the respective Container.

[Nagashree5]

Hi @Community Alums ,

yes, but I have to place the widgets like the images above. Please let me know how to achieve this.

Thanks,
Nagashree.

[Community Alums · Accepted solution]

Hi @Nagashree5 ,

 For this you will have to play with CSS.

1) Open this page in the designer and go to the Page settings and add the following CSS under Page specific CSS

.move_up{
position: absolute;
top: 50px;
}

2) Select your second container in the designer, go to its setting and update its class as move_up. Check how the CSS has applied now and adjust the top value according to your required position.

[AnilM99]

Hi,

If I'm adding the CSS, I'm getting the result as per the below image.

Help me on the same

Thanks,

Anil!