Totara Learn Open Discussions

What is causing this misalignment of blocks?

 
Ernestas Urbaitis
What is causing this misalignment of blocks?
von Ernestas Urbaitis – Monday, 7 March 2022, 10:38 PM
 

Hi all,

No matter which dashboard I choose there is always a misalignment between center block and those on the sides. What is causing this? There is no custom HTML nor any plugin installed.



Craig Eves
Re: What is causing this misalignment of blocks?
von Craig Eves (Totara Support) – Wednesday, 9 March 2022, 5:54 PM
Gruppe Totara

Hi Ernestas

That is strange that this is unaligned with no custom HTML or plugins.

Are you able to purge all caches in Totara as something may be being hung onto in the caches.

regards

Ernestas Urbaitis
Re: What is causing this misalignment of blocks?
von Ernestas Urbaitis – Thursday, 10 March 2022, 3:47 AM
 

Hi, Craig,

I think I found the culprit.

When I edit main content background colour in theme settings, that colour appears around the box. See here:


Is there an easy way to eliminate that frame? The name of the theme is Basis. It's the default one, I think.

Craig Eves
Re: What is causing this misalignment of blocks?
von Craig Eves (Totara Support) – Thursday, 10 March 2022, 2:56 PM
Gruppe Totara

Hi Ernestas

I tried changing the background colour in the basis theme of the main content in Totara 12 and the middle block  remained aligned at the top.

What version are you using of Totara ? 

I will ask a frontend developer if they can figure out what is happening.

regards



Craig Eves
Re: What is causing this misalignment of blocks?
von Craig Eves (Totara Support) – Sunday, 13 March 2022, 12:50 PM
Gruppe Totara

Hi Ernestas

The misalignment of the central block is a known issue in the Basis theme that comes from the site having the Enable style overrides option enabled. 

The workaround if you want to keep the style overrides option enabled is to add the following to the custom CSS setting in the Basis theme setting.

#region-main { border-radius: 0; padding: 0; } body.content-only #region-main { border-radius: 4px; padding: 20px; }

Regards


Ernestas Urbaitis
Re: What is causing this misalignment of blocks?
von Ernestas Urbaitis – Sunday, 13 March 2022, 10:38 PM
 

Wonderful, Craig! That fixed it!

My OCD and I, thank you for your assistance.