PALM HEALING – list items in tabs

[Casara Clark]

Hi!

I am using Palm Healing over at this site: http://www.zenhardyoga.com

Regarding this page: http://box5359.temp.domains/~zenhardy/yochai-weiss-credentials/

I would like to make it so that the [li] items are indented, within the TABS provided by Elementor. How can I best do this?

Thank you!
Casara

[Sonal S Sinha]

Hi,

Given page link isn’t opening. We are getting this message.

https://nimb.ws/r4SPlb

Regards,
Chris

[Casara Clark]

Thank you!

Please see new link: http://zenhardyoga.com/yochai-weiss-credentials/

I would like to make it so that the [li] items are indented further in, within the TABS provided by Elementor. How can I best do this?

Thank you again!
Casara

[Sonal S Sinha]

Hi,

Kindly go to Appearance >> Customize >> Basic >> Scroll down to find Custom CSS and paste there:

.elementor-tabs-content-wrapper li {
  list-style: disc inside;
}

Regards,
Chris

[Casara Clark]

Thank you so much! Is it possible to add a little bit more of an indent?

Thank you again!
Casara

[Sonal S Sinha]

Hi,

Kindly use this CSS.

.elementor-widget-tabs.elementor-tabs-view-vertical .elementor-tabs-content-wrapper { padding-left:25px;}

Regards,
Chris

[Casara Clark]

Thank you so much, Chris! Though I don’t see that the indent has increased at all with that code.

See this link: https://zenhardyoga.com/yochai-weiss-credentials/

Again, thank you so much 🙂
Casara

[Sonal S Sinha]

Hi,

Kindly use this one:

.elementor-tabs-content-wrapper li::before {
  content: "";
  width: 10px;
  position: relative;
  display: inline-block;
}

Regards,
Chris

[Author]

Posts