PALM HEALING – list items in tabs

Home Forums All Other Themes PALM HEALING – list items in tabs

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #203380
    Casara ClarkCasara Clark
    Participant
    • Topics: 32
    • Replies: 49
    • Total: 81
    Member since: April 24, 2020

    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

    #203412
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30647
    • Total: 30647
    Member since: August 16, 2013

    Hi,

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

    https://nimb.ws/r4SPlb

    Regards,
    Chris

    #203808
    Casara ClarkCasara Clark
    Participant
    • Topics: 32
    • Replies: 49
    • Total: 81
    Member since: April 24, 2020

    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

    #203812
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30647
    • Total: 30647
    Member since: August 16, 2013

    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

    #203826
    Casara ClarkCasara Clark
    Participant
    • Topics: 32
    • Replies: 49
    • Total: 81
    Member since: April 24, 2020

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

    Thank you again!
    Casara

    #203830
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30647
    • Total: 30647
    Member since: August 16, 2013

    Hi,

    Kindly use this CSS.

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

    Regards,
    Chris

    #204010
    Casara ClarkCasara Clark
    Participant
    • Topics: 32
    • Replies: 49
    • Total: 81
    Member since: April 24, 2020

    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

    #204031
    Sonnal S SinhaSonnal S Sinha
    Moderator
    • Topics: 0
    • Replies: 30647
    • Total: 30647
    Member since: August 16, 2013

    Hi,

    Kindly use this one:

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

    Regards,
    Chris

Viewing 8 posts - 1 through 8 (of 8 total)
  • You must be logged in to reply to this topic.