Support » Themes and Templates » Is there an easier way to do this?

  • Hey there,
    Trying to have different colours on different pages. Targeting specific page ids and classes.

    Is there a better way to do this; a way of targeting multiple page-ids AND classes?

    Here’s an example of what my code currently looks like.

    Thanks 🙂

    /* Pink */
    /* ABOUT US */
    .page-id-12 #copyright,
    .page-id-12 .recent-post figure,
    .page-id-12 span.highlighted,
    .page-id-12 span.dropcap4,
    .page-id-12 .loved-item:hover .loved-count,
    .page-id-12 .flickr-widget li,
    .page-id-12 .portfolio-grid li,
    .page-id-12 figcaption .product-added,
    .page-id-12 .yith-wcwl-wishlistexistsbrowse a,
    .page-id-12 .yith-wcwl-wishlistaddedbrowse a,
    .page-id-12 .sticky-post-icon,
    .page-id-12 .fw-video-close:hover,
    .page-id-12 input#mc-embedded-subscribe.button,
    .page-id-12 div.box-content-wrap:hover {
    background-color: #B94788 !important;
    }
    /* ABOUT US */
    
    .page-id-12 h3 a,
    .page-id-12 a.read-more-button {
    color: #B94788 !important;
    }
    /* Yellow */
    
    /* Green */
    /* TRAINING */
    .page-id-16 #copyright,
    .page-id-16 .recent-post figure,
    .page-id-16 span.highlighted,
    .page-id-16 span.dropcap4,
    .page-id-16 .loved-item:hover .loved-count,
    .page-id-16 .flickr-widget li,
    .page-id-16 .portfolio-grid li,
    .page-id-16 figcaption .product-added,
    .page-id-16 .yith-wcwl-wishlistexistsbrowse a,
    .page-id-16 .yith-wcwl-wishlistaddedbrowse a,
    .page-id-16 .sticky-post-icon,
    .page-id-16 .fw-video-close:hover,
    .page-id-16 input#mc-embedded-subscribe.button {
    background-color: #3FAF67 !important;
    }
    /* TRAINING TEXT */
    .page-id-16 h3 a,
    .page-id-16 a.read-more-button {
    color: #3FAF67 !important;
    }
    
    /* Blue */
  • The topic ‘Is there an easier way to do this?’ is closed to new replies.