[Resolved] Style Terms on Cards individually per CSS

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Style Terms on Cards individually per CSS

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #24870
    Georg
    Participant

    Hi,

    I would like to style the terms link on Cards individually.
    But I can’t grab the needed selector!

    Any ideas?

    Thank you so much!

    Best,
    Georg

    #24906
    elvin
    Moderator

    Hi,

    I would like to style the terms link on Cards individually.
    But I can’t grab the needed selector!

    The generic selector used is #wpsp-4447 .wp-show-posts-meta a. Where 4447 should be replaced with your WPSP list id.

    But if you want to style the terms uniquely, you’ll have to style them using their unique href attribute.

    Say for example, you have a WPSP list with a list id of 169 and you have a category named “Food” with an href link of https://yoursite.com/categories/food and you want it to have a background-color of red.

    You can style this particular “Food” category link using this CSS:

    #wpsp-169 .wp-show-posts-meta a[href~=food]{
    background-color: red;
    }
    • This reply was modified 7 months ago by elvin.
    • This reply was modified 7 months ago by elvin.
    #24913
    Georg
    Participant

    Hi elvin,

    Thank you for pushing me in the right direction.
    Finally, this code could match my needs:

    .wp-show-posts-terms a[href*=news] {color: red !important; }

    Best,
    Georg

    #24948
    elvin
    Moderator

    No problem. 🙂

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