Viewing 10 replies - 1 through 10 (of 10 total)
  • Plugin Support Suraj Vibhute

    (@suraj78)

    Hello @miekedejong,

    Could you please let me know which shortcode are you using?

    Thank you.

    Thread Starter miekedejong

    (@miekedejong)

    I don’t know which shortcode I should use. I pressed the drop down and saw all sorts of buttons sorted by color. And columns, but I didn’t understand which one I should select for green ticks. Or how I could create a shortcode.

    Plugin Support Suraj Vibhute

    (@suraj78)

    Hi @miekedejong,

    Try below code in the post content area: (make sure ‘Text’ tab is selected before pasting the code http://take.ms/FM3xj

    <ul class="iconlist">
    <li><i class="icon-ok" style="color: green;"></i> Proin vestibulum. Ut ligula.</li>
    <li><i class="icon-ok" style="color: green;"></i> Nec dictum nunc tortor id urna.</li>
    <li><i class="icon-ok" style="color: green;"></i> Suspendisse dapibus ullamcorper pede.</li>
    </ul>

    Hope this helps.
    Thank you.

    Thread Starter miekedejong

    (@miekedejong)

    Thanks for your support!

    When I copy paste the code it still shows bullet points and no green ticks.

    Plugin Support Suraj Vibhute

    (@suraj78)

    Hi,

    Is WP Shortcode plugin active?

    Please share the page URL where you have added this code.

    Thank you.

    Thread Starter miekedejong

    (@miekedejong)

    http://www.miekedejong.nl/blog/content-promoten-hoe-doe-je-dat/

    I places the page live for now. I really appreciate your willingness to have a look!

    Best,
    Mieke

    Thread Starter miekedejong

    (@miekedejong)

    The code is next to the picture of a tables.

    Plugin Support Suraj Vibhute

    (@suraj78)

    Hi,

    Looks like you are not using the MyThemeShop theme, that’s why the code was not working.

    Please go to Appearance >> Customizer >> Additional CSS

    and add below code

    ul.iconlist {
        list-style-type: none;
        margin-left: 0;
        padding-left: 0;
    }
    i.icon-ok:before {
        content: "";
        background: url('https://png.icons8.com/color/80/000000/checkmark.png') no-repeat;
        background-size: cover;
        position: relative;
        width: 18px;
        height: 15px;
        display: inline-block;
        margin-top: 0
    }

    Hope this helps.
    thank you.

    • This reply was modified 7 years, 8 months ago by Suraj Vibhute.
    Thread Starter miekedejong

    (@miekedejong)

    Thank you so much for your effort! I works and I am very happy with the result!

    Thanks again!

    Plugin Author MyThemeShop

    (@mythemeshop)

    Happy to help, @miekedejong

    Would you please be kind enough to leave us a testimonial if you liked the plugin?
    https://ww.wp.xz.cn/support/plugin/wp-shortcode/reviews/?filter=5#new-post

    Thank you.

    • This reply was modified 7 years, 8 months ago by MyThemeShop.
Viewing 10 replies - 1 through 10 (of 10 total)

The topic ‘Green ticks’ is closed to new replies.