[Resolved] Use List ID to style lists differently with CSS

Please login to receive premium support.

Support for the free plugin can be found here.

Home Forums Pro Support Use List ID to style lists differently with CSS

Tagged: ,

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #3517
    Denise
    Participant

    Hi WPSP Friends,

    I have two lists and need to style the CSS differently for each one. This includes the title, columns, background color, border, etc.
    Can I do this in CSS? I tried adding the list ID to the selector, but it was over-ridden.

    .wp-show-posts-columns .wp-show-posts-entry-title#wpsp-1234

    Ideally, it would be nice to style the html tags separately. H1, H2, paragraph, etc.

    Many thanks for the great products!
    Denise

    #3521
    Denise
    Participant

    Just realized I need to put the #wpsp-1234 at the beginning of the css line, not the end.
    Problem solved. Closing the ticket.

    #wpsp-1805 h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.2;
    }

    #wpsp-1805 .wp-show-posts-entry-header {
    border-top: solid 1px #cccccc;
    padding-top: 10px;
    }

    #3522
    Tom
    Keymaster

    Glad you got it working! 🙂

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