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.