Return to previous page

Help with targeting specific elements on pages css

This topic has 3 replies, 2 voices, and was last updated 1 years, 10 months ago ago by Niddy

Niddy

Participant

January 11, 2023 at 02:06

Hi

Just wondering if you can help me with a small problem I’m encountering. Basically I’m wondering if it’s possible to target a specific class, via the page it’s on?

Example, let’s say I want to change the label size on the pop-out cart to 12px but on the checkout page itself I want it to be 14px. Is there css to target specific pages / elements such as .checkout .label which would only target checkout, and so on?

If this is an option could you please confirm the css for pages –

1. Checkout only
2. Cart Only
3. My Account only
4. Pop-out Cart only

I specifically mean the page ID / Class as it’s not just labels I’m targeting but also checkbox height / not sitting right.

Thanks.

#343574 Copied Theme version: 9

2 Answers

Rose Tyler

Support staff

January 11, 2023 at 10:45

Hello,

body.woocommerce-checkout
body.woocommerce-cart
body.woocommerce-account
.et_b_header-cart .et-mini-content

Regards

#343649 Copied

Niddy

Participant

January 13, 2023 at 11:17

Awesome thank you kindly 🙂

#343941 Copied
Tagged: elements, pages, targeting, themes, woocommerce, wordpress
Viewing 3 results - 1 through 3 (of 3 total)

The issue related to '‘Help with targeting specific elements on pages css’' has been successfully resolved, and the topic is now closed for further responses

Help with targeting specific elements on pages css

Recent Topics

Helpful Topics

Useful links WooCommerce & WordPress

Browse by popular tags:

Explore our best WordPress WooCommerce Themes collection