Return to previous page

Can you pls help to see what is the class ID/name of the specific drop-down menu

This topic has 2 replies, 2 voices, and was last updated 6 years ago ago by Rose Tyler

Graham

Participant

April 4, 2018 at 14:39

Hi there,

Can you pls let me know the class ID/name of the specific area, in order to change the CSS styling:

1. https://ibb.co/exRGHH
The product page – variation drop-down menu

2. https://ibb.co/mTqMjx
The <1> product category and <2> shop page – “Sort by” drop-down menu

Because I have hired a developer to customize the styling of the “Product” page variation menu, however, it seems the new style affects the other places on the website.

Thank you very much in advance 🙂
Best Regards
Graham

Please, contact administrator
for this information.

#190272 Copied Theme version: LATEST WooCommerce version: Latest Version

1 Answer

Rose Tyler

Support staff

April 5, 2018 at 08:51

Hello,

To find out classes of elements, you may simply inspect the page using devtools in chrome browser https://developers.google.com/web/tools/chrome-devtools/inspect-styles/
To access the DevTools, open a web page or web app in Google Chrome. Either:
-Select the Chrome menu Chrome Menu at the top-right of your browser window, then select Tools > Developer Tools.
-Right-click on any page element and select Inspect Element.
The DevTools window will open at the bottom of your Chrome browser.
For example https://gyazo.com/0fa661e56676453f1f1589d360ca33db https://gyazo.com/7e3054e27a540cfa1a426545b473bfb8
Feel free to ask if you have any questions.

Regards

#190333 Copied
Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder

Burger Store – WordPress WooCommerce Theme

lazy-placeholder

Flowers Store – WordPress WooCommerce Theme

lazy-placeholder

Home Decor 02 Store – WordPress WooCommerce Theme

lazy-placeholder

Eco Scooter Store – WordPress WooCommerce Theme

lazy-placeholder

Coffee Store – WordPress WooCommerce Theme

lazy-placeholder

Cosmetics Store – WooCommerce Theme

lazy-placeholder

Business Card – WordPress Theme

lazy-placeholder

Furniture Store 03 – WordPress WooCommerce Theme

lazy-placeholder

Interior Store – WooCommerce Theme

lazy-placeholder

Concert Store – WordPress WooCommerce Theme

See All Templates

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.