How to style shortcode

  • Resolved symphonyoflove

    (@symphonyoflove)


    1 year, 8 months ago

    Hi, opening another thread, I have added a “Block” and managed to add in the shortcode:

    <h6 class=”widget-title”><strong>Popular Posts</strong></h6>[wpp range=’last30days’ stats_views=0]

    But I was not able to get it to look the same as before. I have tried to edit the settings.php at:

    'markup' => [
                'custom_html' => true,
                'title-start' => '<h2>',
                'title-end' => '</h2>',
                'wpp-start' => '<class="wpp-list">',
                'wpp-end' => '</class>',
                'post-html' => '{title}<br>'
            ]

    However, it did not work. May I know how can I style it to look similar to before? Thank you.

    Ideally, I do not want to touch the settings.php code as it may mess up other things.

    The page I need help with: [log in to see the link]

Viewing 11 replies - 1 through 11 (of 11 total)
  • Thread Starter symphonyoflove

    (@symphonyoflove)

    I have reverted to the original code in settings.php. Thank you.

    Thread Starter symphonyoflove

    (@symphonyoflove)

    The previous set up is just below the new one.

    Thread Starter symphonyoflove

    (@symphonyoflove)

    Under the previous setup:

    HTML Markup settings
    ?Use custom HTML Markup

    Before / after Popular Posts:

    <class="wpp-list"></class>

    Post HTML Markup:

    {title}

    The above were what I used previously in classic widget. Thank you

    Plugin Author Hector Cabrera

    (@hcabrera)

    Hey @symphonyoflove,

    Awesome, I was actually going to suggest using what you already have on settings.php but read that you’d rather not to touch that file haha.

    Alright, please give this a try and report back:

    [wpp range='last30days' stats_views=0 post_html='<li>{title}</li>']
    Thread Starter symphonyoflove

    (@symphonyoflove)

    Thanks a lot Hector. I made a slight changed in your code.

    [wpp range='last30days' stats_views=0 post_html='{title}<br>']

    I put post_html='{title}<br>’ instead. Thank you very much! ??

    Plugin Author Hector Cabrera

    (@hcabrera)

    By the way, this:

    <class="wpp-list"></class>

    isn’t valid HTML code. Might want to consider using this instead:

    [wpp range='last30days' stats_views=0 wpp_start='<ul class="wpp-list">' wpp_end='</ul>' post_html='<li>{title}</li>']

    or this:

    [wpp range='last30days' stats_views=0 wpp_start='<div class="wpp-list">' wpp_end='</div>' post_html='{title}']
    Thread Starter symphonyoflove

    (@symphonyoflove)

    Thanks for the letting me know that. I have used the first option and all is well. Thank you once again! ??

    Thread Starter symphonyoflove

    (@symphonyoflove)

    Hi Hector, I reopened this thread because there was an issue after the last update; the <br> in html is not working. The code below was working fine before the update. After the update the <br> line break did not work.

    [wpp range='last7days' stats_views=0 wpp_start='<ul class="wpp-list">' wpp_end='</ul>' post_html='{title}<br>']

    https://lovequotes.symphonyoflove.net/ernest-hemingway-love-quotes-and-sayings.html

    Please take a look at the link above for what I meant about the line break code not working.

    Thank you.

    Thread Starter symphonyoflove

    (@symphonyoflove)

    I did a rollback to the previous version and the <br> is working now.

    Thank you.

    Plugin Author Hector Cabrera

    (@hcabrera)

    Hi @symphonyoflove,

    Thanks for the heads up. I’ll have a look as soon as I can and report back.

    Thread Starter symphonyoflove

    (@symphonyoflove)

    No worry Hector, I have rolled back to the older version and it is working now. Could not figure out what was wrong also ??

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘How to style shortcode’ is closed to new replies.