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;}

It works, thanks. The titles are long, how do I get a big button while keeping the elliptical shape?
https://oldfreegame.com/en/gameboy-advance/

View post on imgur.com

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

The second code comes close to what I wanted to do. Unfortunately it doesn’t work well;

1) On the mobile phone there are imperfections on the title, as if I had the background color on the text and on the button. Areas are formed with 90 ° angles.

2) I hadn’t thought of a wide screen button for the desktop computer. it’s a good idea, but the hover effect is only where the hyperlink is and has an extra unwanted gray “border”.

View post on imgur.com

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.

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. ??

I have a basic knowledge of CSS, I think I have understood by myself. I’ll have to do some tests.

Good to know. ??

Let us know if you need further help. ??