We're merging with GenerateBlocks! Learn more here.

[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: ,

  • This topic has 2 replies, 2 voices, and was last updated 5 years ago by Tom.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • February 2, 2018 at 11:14 am #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

    February 2, 2018 at 11:47 am #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;
    }

    February 2, 2018 at 11:52 am #3522
    Tom
    Keymaster

    Glad you got it working! 🙂

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