Alignment problem with Services Type B

Hello everybody,

I would like to use the widget Services Type B but I have a problem of alignment as you can see on my 3 printscreens.

What i did :

  • Delete and recreate the “PERIODE” Page in Service section
  • Delete the row and the widget on my front page and recreate a new one
  • clear browser cache
  • try with IE, Chrome and firefox

My website is here

If someone can hel please. Thank you ! Sebastien :slight_smile:

Dear Sebastien,

Thank you for reporting. I can replicate the issue on my end. I noticed that the box of service item in one column can’t work with short text. Its width depends on how long the text we typed. It leads a mess look.

To fix this issue, could you please try to add the following CSS code through the Simple Custom CSS plugin?

.service-area.type-b .service{
  display: block;
}

.service-area.type-b .service.columns2,
.service-area.type-b .service.columns3{
  display: inline-block;
}

Let me know how it goes. I’ll wait to hear back from you regarding your stats.

Warmest regards,
Kharis

Hello Kharis,

Problem solved ! Your code works well :slight_smile:

Thank you a lot for helping. Sebastien

Dear Sebastien,

That’s cool! I’m glad to hear that.

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

I’m happy to have an opportunity to assist you.

Warmest regards,
Kharis