Haru Steps section question

[Cris_W]

Hello! How can I change the order of the elements? I want the numbers 1, 2 and 3 and the dotted lines to appear above the images and not below them, in the Desktop and mobile versions. Thank you.

Attachments:

You must be logged in to view attached files.

[admin]

Hi,
Thanks for contacting us and choosing our product!
Please try go to Appearance -> Customize -> Additional CSS & add this code:

.haru-steps.haru-steps--list-4 .haru-steps__content {
  display: flex;
  flex-direction: column;
}

.haru-steps.haru-steps--list-4 .haru-steps__image {
  order: 2;
}

.haru-steps.haru-steps--list-4 .haru-steps__info {
  order: 3;
}

.haru-steps.haru-steps--list-4 .haru-steps__sub-title {
  order: 1;
  margin-bottom: 40px;
  margin-top: 0;
}

Hope this helps!

****
Regards,
HaruTheme

[Cris_W]

Hello! Thanks for your quick response! =) Works perfect. Should I also apply it to the child theme?

[admin]

Hi,
You can add it to child theme if you want.

****
Regards,
HaruTheme

[Cris_W]

Hi! ok, thanks!

[admin]

Thanks for your feedback!

****
Regards,
HaruTheme

[Author]

Posts