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, 7 months ago ago by Rose Tyler

  • Avatar: Graham
    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
    Avatar: Rose Tyler
    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

8theme customization service

Helpful Topics

Useful links WooCommerce & WordPress

Unleash your online potential

Explore our best WordPress WooCommerce Themes collection

lazy-placeholder
BookStore – WordPress WooCommerce Theme
lazy-placeholder
Pet Shop – WordPress WooCommerce Theme
lazy-placeholder
Coffee Store – WooCommerce Theme
lazy-placeholder
Online Courses – WordPress WooCommerce Theme
lazy-placeholder
Electronic Mega Market – WordPress WooCommerce Theme
lazy-placeholder
Zoo Shop – WooCommerce Theme
lazy-placeholder
Electron Store 01 – WordPress WooCommerce Theme
lazy-placeholder
Lawyer – WordPress WooCommerce Theme
lazy-placeholder
Poster – WooCommerce Theme
lazy-placeholder
Kids Toys 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.