How to delete extra text?

Hi there,

I created the category links as if they were buttons. Now I would like to avoid commas.
https://imgur.com/a/rtoUL4y

Try adding this PHP snippet:

add_filter( 'wpsp_term_separator', function() {
    return '';
} );

How do I prevent text from being cut off on mobile?
https://imgur.com/a/f0GRu6G

Try adding this CSS:
span.wp-show-posts-terms.wp-show-posts-meta a {white-space: nowrap;}

Modify this CSS:

span.wp-show-posts-terms.wp-show-posts-meta a {white-space: nowrap;}

To this:

span.wp-show-posts-terms.wp-show-posts-meta a, 
h2.wp-show-posts-entry-title a {
    white-space: nowrap;
}

But do note that site will look weird if we try to keep the titles whole. It will look like this on smaller viewports – https://share.getcloudapp.com/mXuJ7Zwj

It’s because the title is simply too long.

The workaround would be to try to make the title’s font size smaller.

or implement the background color and border radius w/ this CSS instead:

h2.wp-show-posts-entry-title {
    background-color: #5a5a5a;
    border-radius: 99px;
    padding: 3px 10px;
}

So it will look better like this – https://share.getcloudapp.com/llu6wQPJ

On #1 and #2:

We can modify it to this:

h2.wp-show-posts-entry-title {
    background-color: #5a5a5a;
    border-radius: 99px;
    padding: 3px 10px;
    width: fit-content !important;
    margin: 0 auto !important;
    overflow: hidden !important;
}

So the background color stays within the actual width of the text instead of it being too wide.

It was just what I wanted! Thank you. I would like to figure out how to do it myself, because I will have to implement it elsewhere.

Are you pertaining to figuring out when/where to apply styles?

If so, that’ll require years of experience and the technical know-hows as it’s one thing to know HTML and CSS but it’s another thing to actually workaround these tools. 😀

You can always ask us about WPSP related projects and build your experience from here. 🙂

Good to know. 🙂

Let us know if you need further help. 😀