Tagged: Woocommerce custom CSS
Can you pls let me know the class ID/name of the specific area, in order to change the CSS styling:
The product page – variation drop-down menu
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 🙂
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.
You must be logged in to reply to this topic.Log in/Sign up
One standard license is valid only for 1 project. Running multiple projects on a single license is a copyright violation.